小程序rpx计算高度 不同手机模式下 视觉效果不一致的问题

小程序rpx计算高度 不同手机模式下 视觉效果不一致的问题

 

<view class='view1'>

   <view class='fl'><view wx:for='{{10}}' class='view1_1'>{{index+1}}</view></view>

   <view class='fr'>

       <view class='view1_2'></view>

   </view>

</view>

 

 

.view1{width: 100%;height: 1090rpx;background: #000;box-sizing: border-box;overflow: hidden}

.fl{float: left}

.fr{float: right}

.view1_1{width: 500rpx;height: 100rpx;background: #fff;}

.view1_2{width: 200rpx;height: 1000rpx;background: yellow}


左侧白色部分是一共10个view 每个高度为100rpx;右侧黄色部分一个view高度为1000rpx;但是在iphone5的视觉效果高度不一致;什么原因 如何解决?

posted on 2023-01-31 11:41  漫思  阅读(24)  评论(0编辑  收藏  举报

导航