iphone x及以上機型底部存在底部指示條，指示條的操作區域與頁面底部存在重合，容易導致使用者誤操作，
解決方案：
一、在index.html中的head中新增如下**
<二、開啟頂部安全適配meta
name
="viewport"
content
="width=device-width, initial-scale=1.0,
maximum-scale=1.0, minimum-scale=1.0,
viewport-fit=cover"
/>
/*三、開啟底部安全適配在這裡插入**片
*/.safe-area-inset-top
/*注意：這個樣式盡量引入要適配的父元素上,不要加padding:0; 還有盡量不要限制高度在這裡插入**片
*/.safe-area-inset-bottom
iOS開發 iOS11安全區域適配問題
iphone x剛發布的時候，適配新尺寸有好多人會不適應，顛覆了之前的常識，不過過了不久大家都熟悉之後，就適應和解決了iphone x的齊劉海帶來的開發問題。安全區域的概念是ios 11出來之後新提出來的，就是系統自動調整tableview內容偏移量，根據安全區域來調整的，如果你新建xib檢視控制器...
h5底部留白，適配iphoneX安全區域
參考文章 在meta標籤中設定viewport fit covername viewport content width device width,initial scale 1.0,minimum scale 1.0,maximum scale 1.0,user scalable no,viewp...
移動端適配的幾種解決辦法
原則 開發時方便，寫 時設定的值要和標註的 160px 相關 方案要適配大多數手機螢幕，並且無 bug 使用者體驗要好，頁面看著沒有不適感 思路 寫頁面時，按照設計稿寫固定寬度，最後再統一縮放處理，在不同手機上都能用 按照設計稿的標準開發頁面，在手機上部分內容根據螢幕寬度等比縮放，部分內容按需要變化...