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

?

轉載于:https://www.cnblogs.com/lrgupup/p/10643354.html

《新程序員》：云原生和全面數字化實踐50位技術專家共同創作，文字、視頻、音頻交互閱讀

總結

以上是生活随笔為你收集整理的小程序下的兼容性问题的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。