收藏
回答

小程序中css中设置image的object-fit:cover没有效果?

给图片设置固定宽高后,设置object-fit:cover,但是图片还是会变形,小程序中时是不支持object-fit这个属性吗?

这是小程序中的效果(变形了):

这是浏览器中的效果:

回答关注问题邀请回答
收藏

2 个回答

  • 安家小贝
    安家小贝
    2020-05-28

    使用image的属性mode

    <image src="xxx" mode="aspectFill"></image>
    .media_item image {
        width: 100%;
        height: 100%;  
    }
    
    2020-05-28
    有用 3
    回复 1
    • 江某
      江某
      2020-10-19
      实测有用
      2020-10-19
      回复
  • 是小白啊
    是小白啊
    2020-03-10

    object-fit: cover;

    2020-03-10
    有用
    回复 6
    • 枫果果🍃
      枫果果🍃
      2020-04-02
      我写对了,也不生效呀
      2020-04-02
      回复
    • 我胖有罪
      我胖有罪
      2020-04-14
      同样的问题,有结果了吗😢
      2020-04-14
      回复
    • Silence
      Silence
      2020-05-08
      不是写错的问题,是这个参数没有用吧???
      2020-05-08
      回复
    • 谁家的素姑娘
      谁家的素姑娘
      2020-05-25
      我也是  写对了  没有任何效果
      2020-05-25
      回复
    • 变形重组器
      变形重组器
      2020-05-28回复谁家的素姑娘
      有解决方案吗?
      2020-05-28
      回复
    查看更多(1)
登录 后发表内容
问题标签