公告列表
公告列表
收藏
回答

为什么cover-image的宽度设定为auto无效？

如截图所示，cover-image 的高度100%，宽度auto，但图片为什么依然被拉扯变形了？？ 求解。。T_T

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

3 个回答

  • 心译
    心译
    发表于移动端
    2020-04-13
    怎么发布小程序
    2020-04-13
    有用
    回复
  • 建
    建
    2019-12-26
    <cover-view class="ssss" style="background-image: url('https://www.baidu.com/img/bd_logo1.png');"></cover-view>

.ssss {
  width: auto !important;
  height: 250rpx;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
用背景图试试
    2019-12-26
    有用
    回复 3
    • Jīan
      Jīan
      2019-12-26
      背景图试过了，在真机上显示不出来
      2019-12-26
      赞
      回复
    • 建
      建
      2019-12-26回复Jīan
      那只能定宽，高度自动了
      2019-12-26
      赞
      回复
    • Jīan
      Jīan
      2019-12-26
      emmmm..  没辙，只能用JS控制了。
      2019-12-26
      赞
      回复
  • var 友原
    var 友原
    2019-12-26

    块级元素设为auto会占满整个容器，没毛病

    2019-12-26
    有用
    回复 1
    • Jīan
      Jīan
      2019-12-26
      但我把 display:block 去掉了也是一样哦
      2019-12-26
      赞
      回复
请 登录 后发表内容
相关问题
相关文档
问题标签
视图容器cover-image小程序开发组件