小程序下的兼容性问题

1，ios下的zIndex层级问题，主要发生在iphone7和iphoneX下

当页面元素是绝对定位的时候，设置层级的时候，必须在绝对定位元素都在一个<view>标签下，如果元素在两个标签下，层级不生效

<view class="popup">
</view>
<view class="showTip">
</view>

如果是上面这种结构，z-index 可能在ios下，不生效,要想生效，需要将改成嵌套的结构

<view class="popup">
   <view class="showTip'></view>    
</view>

.popup{
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: 2222;
}
.showTip{
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 3333;
}

2，左右边框不生效

当边框的宽度设置为奇数的时候，可能会不生效

解决方法：将宽度设置为偶数的时候，在ios下就可以解决

3，还有尽量不要用margin-bottom ，当元素是在整个页面的最底部的时候，在ios下可能margin-bottom会失效，所以建议，都使用padding-bottom