亚洲老熟女与小伙bbwtv_91.com在线_久久国产精品久久久_少妇又爽又刺激视频_女同久久另类99精品国产_亚洲一区二区不卡免费

解決方案

1. 默認全屏

<meta name="viewport" content="width=device-width, initial-scale=1.0, viewport-fit=cover">

在 viewport 的 meta 屬性中，添加 viewport-fit=cover 即可。

viewport-fit 默認值為 auto/contain，全屏值為cover，是不是感覺很熟悉？嗯，和 background-size 以及 object-fit 一樣的。

2. 設(shè)置頁面邊距為安全區(qū)域邊距

body{  
    padding: 
        constant(safe-area-inset-top) 
        constant(safe-area-inset-right) 
        constant(safe-area-inset-bottom) 
        constant(safe-area-inset-left);  
}

嗯，constant() 以及 safe-area-inset-top safe-area-inset-right safe-area-inset-bottom safe-area-inset-left 是 iOS 11 webview 新增加的特性，專門用于應(yīng)對劉海的。。。

當然，這里的padding只是用于匹配iPhone X默認的安全區(qū)域的，你可以設(shè)置任何值，不過建議要不小于默認的安全區(qū)域值。

當前版本，橫屏?xí)r，各屬性的值：

safe-area-inset-top = 0  safe-area-inset-right = 44px  
safe-area-inset-bottom = 21px  
safe-area-inset-left = 44px

豎屏?xí)r各值都是 0，但豎屏?xí)r需要特別留意 status-bar(44px) 和 home-indicator(34px)。

源文鏈接：請點這里訪問