小程序模拟器没问题，但在真机上样式错乱，这个要怎么解决？

Question

模拟器的样式

iphone6真机的

<block  wx:for="{{catCards}}">
  <view class="cat_item" bindtap='navToNovelList' data-id="{{item.typeid}}" data-txt="{{item.name}}">{{item.name}}</view>
</block>

.cat_item{
  background: #efefef;
  color: #666;
  font-size: 29rpx;
  line-height: 60rpx;
  text-align: center;
  margin: 0 0 38rpx;
  border-radius: 29rpx; 
}

Answer 1

根据这两张图实在是不知道是什么原因导致的，像这种分类有增有减，推荐使用弹性盒子，也方便以后新增字典

Answer 2

往上怼代码呀，我猜是浮动导致的

Answer 3

没代码看不出你是什么问题引起的，建议使用弹性盒模型布局:flex

Answer 4

使用开发者工具上的远程调试来进行调试。由于真机和开发者工具的内核不一样，难免有样式展现不统一的情况。