自從我將 iOS 更新到 14.5 以來，我的安全區域代碼不起作用。代碼在我的帶有 iOS 11.x 的 ionic 5 專案中完美運行：
padding-bottom: env(safe-area-inset-bottom) !important;和 html
<meta name="viewport" content="viewport-fit=cover, width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no" />
現在的問題是env(safe-area-inset-bottom)始終解決為 0，因此我的手機 iPhone 11 和 iPhone 12 上沒有底部填充。我想該代碼無法再檢測到 iPhone 上的缺口區域。
uj5u.com熱心網友回復：
這是我的錯誤，我看到代碼包含 2 個元標記，并且不知何故此代碼適用于 safari 13 而不適用于 safari 14。
<meta name="viewport" content="viewport-fit=cover, width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no" />
<meta name="viewport" content="initial-scale=1.0, width=device-width" />
洗掉第二行代碼后，保險箱照常作業。
要檢查安全區域和 env() 是否在您的手機上運行，??只需打開https://developer.mozilla.org/en-US/docs/Web/CSS/env()并檢查示例。
我把這個問題留在這里以防有人有類似的問題。
轉載請註明出處，本文鏈接：https://www.uj5u.com/gongcheng/330079.html