admin管理员组

文章数量:1530353

项目上使用object-fit:cover用于图片裁剪，以保持长宽比，保证内容区域被填满。

但IE浏览器并不支持，我这里用https://github/anselmh/object-fit提供的js和css文件来解决。

下载js和css文件后引入到项目中，再调用下面方法就可以让IE浏览器也支持object-fit:cover了。

<script>
	objectFit.polyfill({
		selector: 'img', // this can be any CSS selector
		fittype: 'cover', // either contain, cover, fill or none
		disableCrossDomain: 'true' // either 'true' or 'false' to not parse external CSS files.
	});
</script>

这两个文件的下载位置：

参考：
深入剖析object-fit与object-position属性的用法-码云笔记

本文标签： 不支持浏览器解决方案objectfit

版权声明：本文标题：IE浏览器不支持object-fit的解决方案 内容由热心网友自发贡献，该文观点仅代表作者本人， 转载请联系作者并注明出处：https://m.elefans.com/dongtai/1726424930a1070260.html， 本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容，一经查实，本站将立刻删除。