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

V2EX = way to explore

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

现在注册

已注册用户请登录

Can I use?

› http://caniuse.com/

Less

› http://lesscss.org

Cool Libraries

› Bootstrap from Twitter

› Jetstrap

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

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

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

sneezry

2016-08-19 23:23:44 +08:00 via Android

background-size contain

buckyRRRR

2016-08-19 23:26:41 +08:00 via iPhone

响应式

MinonHeart

2016-08-20 12:15:32 +08:00 via iPhone

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

另外就是用 JS 计算

yangg

2016-08-20 12:55:56 +08:00 via iPhone

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