小程式下的相容性問題

2022-06-06 09:27:10 字數 409 閱讀 7507

1,ios下的zindex層級問題,主要發生在iphone7和iphonex下

當頁面元素是絕對定位的時候,設定層級的時候,必須在絕對定位元素都在乙個標籤下,如果元素在兩個標籤下,層級不生效

如果是上面這種結構,z-index 可能在ios下,不生效,要想生效,需要將改成巢狀的結構

.popup.showtip
2,左右邊框不生效

當邊框的寬度設定為奇數的時候,可能會不生效

解決方法:將寬度設定為偶數的時候,在ios下就可以解決

3,還有盡量不要用margin-bottom ,當元素是在整個頁面的最底部的時候,在ios下可能margin-bottom會失效,所以建議,都使用padding-bottom

piczoom相容性問題 相容性問題

1.文字本身的大小不相容。同樣是font size 14px的宋體文字,在不同瀏覽器下佔的空間是不一樣的,ie下實際佔高16px,下留白3px,ff 下實際佔高17px,上留白1px,下留白3px,opera下就更不一樣了。解決方案 給文字設定 line height 確保所有文字都有預設的 lin...

相容性問題

原文 1.ie浮動 margin 產生的雙倍距離 box 2.display inline block ie6,7下不相容 用float left 3.position fixed ie6不支援 ie6下用position和js模擬,或者完全不用,用position和js模擬 4.cursor ha...

相容性問題

ie6下最小高度為19px,增加font size 0後可縮小為2px 還是沒解決嘛 orz。增加overflow hidden屬性,截掉多餘的高度!ie6 ie7只支援標籤的四個偽類 lvha 不支援其他偽類。ie6,7下父級有寬度就可以不用清浮動,其他瀏覽器不可以哦 haslayout屬性 在i...