html 中 img 的不变形缩放至指定大小

2016-08-19 22:18:46 +08:00
 sinopec

css 设置 style 有没有像 iOS 中得 ImageView 中的 UIViewContentModeScaleAspectFit 这种填充效果的实现方式？

7658 次点击
所在节点    CSS
6 条回复
sneezry
2016-08-19 23:23:44 +08:00
background-size contain
buckyRRRR
2016-08-19 23:26:41 +08:00
响应式
MinonHeart
2016-08-20 12:15:32 +08:00
object-fit: cover;
object-position: center;
但是兼容性不好

另外就是用 JS 计算
yangg
2016-08-20 12:55:56 +08:00
Width: your px; height: auto
sinopec
2016-08-20 22:11:18 +08:00
@MinonHeart 赞啊赞 object-fit 搞定了
@yangg 额 这个早试过 不管用
@sneezry 谢了
@buckyRRRR 不懂啊
e8c47a0d
2017-06-30 14:25:34 +08:00
@sinopec IE 都不支持 object-fit，但是可以用一个插件简单 polyfill：ofi.min.js

这是一个专为移动设备优化的页面（即为了让你能够在 Google 搜索结果里秒开这个页面），如果你希望参与 V2EX 社区的讨论，你可以继续到 V2EX 上打开本讨论主题的完整版本。

https://www.v2ex.com/t/300534

V2EX 是创意工作者们的社区，是一个分享自己正在做的有趣事物、交流想法，可以遇见新朋友甚至新机会的地方。

V2EX is a community of developers, designers and creative people.

© 2021 V2EX