css处理ios刘海屏问题

.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键

上一篇:【缅怀钱老】学习实现火箭发射效果


下一篇:移动端兼容iphonex