描述:近期在做一個移動端的教育項目,需要全部用h5開發,然後藉助android和ios打包成app。目前是頁面開發並聯調完畢,但是被移動端裝到殼子裏的時候遇到了各種各樣的問題,現在做一個總結,以防後期遇到。
問題一:裝到殼子裏之後,有的手機有劉海,頁面會被手機劉海遮擋住
問題二:在PC瀏覽器模擬器中存在滾動條的時候,頁面滾動流暢,但是在手機上的時候,會不流暢
【解決辦法】在有滾動條的地方添加 -webkit-overflow-scrolling: touch;
描述:近期在做一個移動端的教育項目,需要全部用h5開發,然後藉助android和ios打包成app。目前是頁面開發並聯調完畢,但是被移動端裝到殼子裏的時候遇到了各種各樣的問題,現在做一個總結,以防後期遇到。
問題一:裝到殼子裏之後,有的手機有劉海,頁面會被手機劉海遮擋住
問題二:在PC瀏覽器模擬器中存在滾動條的時候,頁面滾動流暢,但是在手機上的時候,會不流暢
【解決辦法】在有滾動條的地方添加 -webkit-overflow-scrolling: touch;
AuthIds.splice(0, 0, 1); //想數組指定位置添加首頁id:1 AuthIds = [...new Set(AuthIds)]; //去重:id爲1重複