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

部分机型fit-content无法正常显示

框架类型 API/组件名称 终端类型 操作系统 微信版本 基础库版本
小程序 view 客户端 iOS 6.6.3 1.9.91

width: fit-content 部分机型不能正常使用(iPhone 5S, iOS 10.3.3)


效果图如下


iPhone 5S: https://ws2.sinaimg.cn/large/006tNc79ly1fostfmm11pj30gy0u0abs.jpg

其他: https://ws3.sinaimg.cn/large/006tNc79ly1fostf0n45pj30gy0u0abs.jpg


<view class="indicator-container" wx:if="{{imageLength > 1}}">
      <view class="indicators">
        <block wx:for="{{images}}" wx:key="index">
          <view class="indicator {{(currentIndex === index)?'active':''}} {{(index !== 0)?'margin-left-enable':''}}"></view>
        </block>
        <view style="clear: both"></view>
      </view>
    </view>
.indicator-container {
    position: absolute;
    bottom: 35rpx;
    width: 100%;
    height: 10rpx;
  }
  .indicators {
    width: fit-content;
    margin: auto;
  }
  .indicator {
    float: left;
    height: 10rpx;
    width: 10rpx;
    background-color: rgb(230, 230, 230);
  }
  .active {
    background-color: black;
    width: 38rpx;
  }
  .margin-left-enable {
    margin-left: 22rpx;
  }



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

3 个回答

  •  
     
    2024-03-26

    添加box-sizing: content-box;虽然这个属性是默认属性，但是上面的那个机型，只有加了这个属性width: fit-content;属性就会生效

    2024-03-26
    有用
    回复
  • 容sir
    容sir
    2022-12-08

    fit-content 对于ios部分机型本身就有兼容性问题。经测在iPhone 11机器上也会表现出来。跟微信内核、小程序基础库没有关系。

    2022-12-08
    有用
    回复
  • Xavier
    Xavier
    2018-02-26

    请问有人没，急求

    2018-02-26
    有用
    回复 1
    • LM
      LM
      2020-10-30
      请问，您这个问题后来怎没解决的？
      2020-10-30
      赞
      回复
请 登录 后发表内容
相关文档