性视频亚洲_超碰在线中文字幕_久久影院亚洲_亚洲com_精品久久网站_亚洲娇小与黑人巨大交

解決方案

1. 默認(rèn)全屏

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

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

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

2. 設(shè)置頁(yè)面邊距為安全區(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)對(duì)劉海的。。。

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

當(dāng)前版本，橫屏?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)。

源文鏈接：請(qǐng)點(diǎn)這里訪問(wèn)