收藏
回答

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

问题模块 框架类型 API/组件名称 终端类型 操作系统 微信版本 基础库版本
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;
  }



最后一次编辑于  2018-02-25  (未经腾讯允许,不得转载)
邀请回答
复制链接收藏关注问题回答

1 个回答