码迷,mamicode.com
首页 > 其他好文 > 详细

关于 iphone刘海屏适配

时间:2019-11-25 13:07:04      阅读:77      评论:0      收藏:0      [点我收藏+]

标签:样式   first   oid   add   fit   fir   全屏   moved   androi   

默认刘海屏的webview是有安全区域的,加上viewport-fit=cover属性后webview会全屏,全屏后为了适配刘海屏加上安全区域

padding-top: 1rem;//android样式
padding: env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);// ios 样式
padding: constant(safe-area-inset-top) constant(safe-area-inset-right) constant(safe-area-inset-bottom) constant(safe-area-inset-left); // ios样式

ios两个样式原因
when the iPhone X first came out, it used constant() instead of env(), but as of 11.2, constant() has been removed in favor of the standardized env()

关于 iphone刘海屏适配

标签:样式   first   oid   add   fit   fir   全屏   moved   androi   

原文地址:https://www.cnblogs.com/nightfallsad/p/11926829.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!