小程序下的兼容性問題

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