關於 iphone H5劉海屏適配


默認劉海屏的webview是有安全區域的,加上viewport-fit=cover屬性后webview會全屏,全屏后為了適配劉海屏加上安全區域

padding-top: 1rem;//android樣式
padding: env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);// ios 樣式
padding: constant(safe-area-inset-top) constant(safe-area-inset-right) constant(safe-area-inset-bottom) constant(safe-area-inset-left); // ios樣式

ios兩個樣式原因
when the iPhone X first came out, it used  constant() instead of  env(), but as of 11.2,  constant() has been removed in favor of the standardized  env()


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM