收藏
回答

开发者工具CSS样式效果跟真机预览效果不一样?

微信开发者工具 Stable v1.02.1907300  windows 64位操作系统

开发者工具呈现如下(正常):


真机调试呈现样式如下(非正常):


<view class="box" style="height: {{boxList.length * 84 + 'rpx'}}">
  <view class="content {{aniStyle?'slideup':'slidedown'}}">
    <view
      bindtap="handleItem"
      wx:for="{{boxList}}"
      wx:key="{{index}}"
      data-id="{{index}}"
      class="item {{modeList[index] === index ?'':'active'}}">
      {{item}}
    </view>
  </view>
  <view class="mask" bindtap="close"></view>
</view>
.mask {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0,0,0,.05);
  z-index: 9;
}


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

2 个回答

  • 手信云
    手信云
    2019-09-20

    不一样是正常的

    2019-09-20
    有用
    回复 1
    • 大梦初醒、
      大梦初醒、
      2019-09-20
      你觉得这样子能顺利上线?
      2019-09-20
      回复
  • ctzl
    ctzl
    2019-09-20

    正常情况,安卓和ios的还不一样呢

    2019-09-20
    有用
    回复 2
登录 后发表内容
问题标签