首页 > 移动平台 > 详细

css处理ios刘海屏问题

时间:2021-09-09 16:51:43      阅读:38      评论:0      收藏:0      [点我收藏+]

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

css处理ios刘海屏问题

原文:https://www.cnblogs.com/zerofan/p/15246519.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!