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个预设变量: