當前位置:首頁 > IT技術 > 移動平臺 > 正文

css處理ios劉海屏問題
2021-09-09 13:52:33

<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鍵

本文摘自 :https://www.cnblogs.com/

開通會員,享受整站包年服務立即開通 >