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

2016 年 8 月 19 日
 sinopec

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

8965 次点击
所在节点    CSS
6 条回复
sneezry
2016 年 8 月 19 日
background-size contain
buckyRRRR
2016 年 8 月 19 日
响应式
MinonHeart
2016 年 8 月 20 日
object-fit: cover;
object-position: center;
但是兼容性不好

另外就是用 JS 计算
yangg
2016 年 8 月 20 日
Width: your px; height: auto
sinopec
2016 年 8 月 20 日
@MinonHeart 赞啊赞 object-fit 搞定了
@yangg 额 这个早试过 不管用
@sneezry 谢了
@buckyRRRR 不懂啊
e8c47a0d
2017 年 6 月 30 日
@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