sinopec
V2EX  ›  CSS

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

  •  
  •   sinopec · Aug 19, 2016 · 8933 views
    This topic created in 3727 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
    sneezry
    Aug 19, 2016 via Android
    1
    background-size contain
    buckyRRRR
    buckyRRRR
    Aug 19, 2016 via iPhone
    2
    响应式
    MinonHeart
    MinonHeart
    Aug 20, 2016 via iPhone
    3
    object-fit: cover;
    object-position: center;
    但是兼容性不好

    另外就是用 JS 计算
    yangg
    yangg
    Aug 20, 2016 via iPhone
    4
    Width: your px; height: auto
    sinopec
    sinopec
    OP
    Aug 20, 2016
    5
    @MinonHeart 赞啊赞 object-fit 搞定了
    @yangg 额 这个早试过 不管用
    @sneezry 谢了
    @buckyRRRR 不懂啊
    e8c47a0d
    e8c47a0d
    Jun 30, 2017
    6
    @sinopec IE 都不支持 object-fit,但是可以用一个插件简单 polyfill:ofi.min.js
    About   ·   Help   ·   Advertise   ·   Blog   ·   API   ·   FAQ   ·   Privacy   ·   Solana   ·   5124 Online   Highest 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 43ms · UTC 07:41 · PVG 15:41 · LAX 23:41 · JFK 02:41
    ♥ Do have faith in what you're doing.