關於小程式相容的問題

2021-10-02 02:29:27 字數 329 閱讀 4591

由於按鈕固定定位在底部,在一些iphone x以上的螢幕,底下會有一條線,由此,我們需要解決其問題

方案如下: 監聽當前手機型號,判斷是否為劉海螢幕

wx.getsysteminfo( else 

}console.log(wepy.getstoragesync('isfullsucreen'), '全面屏')

}})

由於***statusbarheight*** 為螢幕上沿 的狀態列,其他手機為20,只有在有劉海的螢幕,此時的高度為44,所以設計如上的解決思路,應為在安卓全面屏手機上顯示是正常的,所以只需要判斷ios手機型別的劉海屏

小程式相容問題

問題1 小程式ios端的margin bottom無效。解決辦法 用padding bottom替換。問題2 小程式ios端的日期為nan nan.原因 一般日期為 2020 08 08 08 08 08 格式,ios日期只支援 2020 08 08 08 08 08 解決辦法 運用正則轉為需要的i...

關於相容問題的小總結(1)

polyfill的準確意思為 用於實現瀏覽器並不支援的原生api的 例如,queryselectorall是很多現代瀏覽器都支援的原生web api,但是有些古老的瀏覽器並不支援,那麼假設有人寫了庫,只要用了這個庫,你就可以在古老的瀏覽器裡面使用document.queryselectorall,使...

小程式下的相容性問題

1,ios下的zindex層級問題,主要發生在iphone7和iphonex下 當頁面元素是絕對定位的時候,設定層級的時候,必須在絕對定位元素都在乙個標籤下,如果元素在兩個標籤下,層級不生效 如果是上面這種結構,z index 可能在ios下,不生效,要想生效,需要將改成巢狀的結構 popup.sh...