css處理ios劉海屏問題


<meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1.0,user-scalable=no,viewport-fit=cover" />
viewport-fit 設置為cover

.home{

    padding-bottom:constant(safe-area-inset-bottom); //兼容IOS < 11.2

    padding-bottom:env(safe-area-inset-bottom);//兼容IOS > 11.2

}

ps:constant必須寫在前面,env寫在后面。

constant與env有4個預設變量:

safe-area-inset-top //上方劉海

safe-area-inset-left

safe-area-inset-right

safe-area-inset-bottom //下方home鍵


免責聲明!

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



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