1，ios下的zIndex層級(jí)問題，主要發(fā)生在iphone7和iphoneX下

當(dāng)頁面元素是絕對(duì)定位的時(shí)候，設(shè)置層級(jí)的時(shí)候，必須在絕對(duì)定位元素都在一個(gè)<view>標(biāo)簽下，如果元素在兩個(gè)標(biāo)簽下，層級(jí)不生效

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

如果是上面這種結(jié)構(gòu)，z-index 可能在ios下，不生效,要想生效，需要將改成嵌套的結(jié)構(gòu)

<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，左右邊框不生效

當(dāng)邊框的寬度設(shè)置為奇數(shù)的時(shí)候，可能會(huì)不生效

解決方法：將寬度設(shè)置為偶數(shù)的時(shí)候，在ios下就可以解決

3，還有盡量不要用margin-bottom ，當(dāng)元素是在整個(gè)頁面的最底部的時(shí)候，在ios下可能margin-bottom會(huì)失效，所以建議，都使用padding-bottom

?

轉(zhuǎn)載于:https://www.cnblogs.com/lrgupup/p/10643354.html

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

總結(jié)

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

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。