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

V2EX = way to explore

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

For Existing Member Sign In

Can I use?

› http://caniuse.com/

Less

› http://lesscss.org

Cool Libraries

› Bootstrap from Twitter

› Jetstrap

This topic created in 3538 days ago, the information mentioned may be changed or developed.

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

6 replies • 2017-06-30 14:25:34 +08:00

sneezry

Aug 19, 2016 via Android

background-size contain

buckyRRRR

Aug 19, 2016 via iPhone

响应式

MinonHeart

Aug 20, 2016 via iPhone

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

另外就是用 JS 计算

yangg

Aug 20, 2016 via iPhone

Width: your px; height: auto

sinopec

Aug 20, 2016

@MinonHeart 赞啊赞 object-fit 搞定了
@yangg 额这个早试过不管用
@sneezry 谢了
@buckyRRRR 不懂啊

e8c47a0d

Jun 30, 2017

@sinopec IE 都不支持 object-fit，但是可以用一个插件简单 polyfill：ofi.min.js