我要评论需求：后台传过来的图片不能够压缩，即使部分被截取也可以
传统方案：设置img元素如下：
width: auto;
height: auto;
max-width: 100%;
max-height: 100%;
但是这种方案需要img元素的外部设置一层父元素，高度与宽度为图片的高宽度
缺点：层级嵌套又增加了一层，不利于性能
现有方案：css的img有一个比较小众的属性 object-fit,具体可参考https://developer.mozilla.org/zh-cn/docs/web/css/object-fit
object-fit:cover 即可按照比例 注意兼容性哦
您可能感兴趣的文章:
如您对本文有疑问或者有任何想说的，请点击进行留言回复，万千网友为您解惑！
网友评论