首页   注册   登录
V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
Can I use?
http://caniuse.com/
Less
http://lesscss.org
Cool Libraries
Bootstrap from Twitter
Jetstrap
Coding
V2EX  ›  CSS

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

  •  
  •   sinopec · 2016-08-19 22:18:46 +08:00 · 5582 次点击
    这是一个创建于 1211 天前的主题,其中的信息可能已经有所发展或是发生改变。

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

    6 回复  |  直到 2017-06-30 14:25:34 +08:00
        1
    sneezry   2016-08-19 23:23:44 +08:00 via Android
    background-size contain
        2
    buckyRRRR   2016-08-19 23:26:41 +08:00 via iPhone
    响应式
        3
    MinonHeart   2016-08-20 12:15:32 +08:00 via iPhone
    object-fit: cover;
    object-position: center;
    但是兼容性不好

    另外就是用 JS 计算
        4
    yangg   2016-08-20 12:55:56 +08:00 via iPhone
    Width: your px; height: auto
        5
    sinopec   2016-08-20 22:11:18 +08:00
    @MinonHeart 赞啊赞 object-fit 搞定了
    @yangg 额 这个早试过 不管用
    @sneezry 谢了
    @buckyRRRR 不懂啊
        6
    e8c47a0d   2017-06-30 14:25:34 +08:00
    @sinopec IE 都不支持 object-fit,但是可以用一个插件简单 polyfill:ofi.min.js
    关于   ·   FAQ   ·   API   ·   我们的愿景   ·   广告投放   ·   感谢   ·   实用小工具   ·   2306 人在线   最高记录 5043   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.3 · 23ms · UTC 10:21 · PVG 18:21 · LAX 02:21 · JFK 05:21
    ♥ Do have faith in what you're doing.