ios11 webview 展示不全

蘋果的 iPhone X 配備了一個覆蓋整個手機的全屏幕，但是頂部保留了一個“凹槽”，為相機和其他各種組件騰出空間。結果是屏幕設計時有一些尷尬局面，例如將網站限制在“安全區域”，那么邊緣會有白色空白條。想要移除這個白色空白條雖然不難，在 body
設置一個 background-color
就可以搞定。或者，你可以 viewport-fit=cover
添加到 meta viewport 標簽上，以使網頁填充滿整個屏幕。
HTML 代碼:
<meta name="viewport" content="width=device-width, initial-scale=1.0, viewport-fit=cover">

https://css-tricks.com/the-notch-and-css/

最后編輯于 ：
?著作權歸作者所有,轉載或內容合作請聯系作者
平臺聲明：文章內容（如有圖片或視頻亦包括在內）由作者上傳并發布，文章內容僅代表作者本人觀點，簡書系信息發布平臺，僅提供信息存儲服務。

推薦閱讀更多精彩內容