css: object-fit? background-size的平替

阅读 1 分钟

当盒子宽高是固定的，但是盒子中图片宽高比可能不固定。但又不希望图片被拉伸变形。

舍弃img标签，直接采用盒子background-size的方式实现？

其实可以保留img标签，用css: object-fit方式即可实现。

img {
  object-fit: contain;
}

参考MDN文档：

1 声望0 粉丝

前端小学生~

« 上一篇

推荐阅读

specialcoder赞 2阅读 8.9k

前端技术官赞 2阅读 6.5k评论 1

Immerse赞 1阅读 5k

kyriewen赞 1阅读 4.5k

杭城小刘赞 1阅读 11.7k

九霄阅读 8.2k

七牛云行业应用阅读 5.8k

0 条评论

得票最新

评论支持部分 Markdown 语法：**粗体** _斜体_ [链接](http://example.com) `代码` - 列表 > 引用。你还可以使用 @ 来通知其他用户。