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

V2EX = way to explore

V2EX 是一个关于分享和探索的地方

现在注册

已注册用户请登录

Can I use?

› http://caniuse.com/

Less

› http://lesscss.org

Cool Libraries

› Bootstrap from Twitter

› Jetstrap

这是一个创建于 3432 天前的主题，其中的信息可能已经有所发展或是发生改变。

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

6 条回复 • 2017-06-30 14:25:34 +08:00

sneezry

2016 年 8 月 19 日 via Android

background-size contain

buckyRRRR

2016 年 8 月 19 日 via iPhone

响应式

MinonHeart

2016 年 8 月 20 日 via iPhone

object-fit: cover;
object-position: center;
但是兼容性不好

另外就是用 JS 计算

yangg

2016 年 8 月 20 日 via iPhone

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