导语
object-fit
作为 Css3 的语法,在处理图片的大小和缩放比例上非常方便好用,奈何 IE 不支持该语法,我们只能借助插件来兼容 IE。
解决方法
为什么选择 object-fit-images
这里我是引入的一个插件包object-fit-images
,原因有俩:1. 有 ts 的声明包,适合基于 ts 开发的小伙伴;2. 文档虽然英文的,但是简单明了, 想看英文文档的可以点这里:object-fit-images, 想直接上手的,接着往下看。
!!!使用方法
第一步
首先你的 img
标签必须自带 src
或者 srcset
;
<img class='your-image' src='image.jpg'