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

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

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

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

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

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