APP
<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/
