iPhone X 上删除白条
方案一:纯色背景的情况下,解决方案就是background-color
在您的body
代码上设置属性;
方案二:视口入,viewport-fit=cover:
<meta name="viewport" content="width=device-width, initial-scale=1.0, viewport-fit=cover">
方案三:前提,在用了方案二的时候,最好在用此方案,就完善了,安全区,inset_*
safe-area-inset-top
safe-area-inset-right
safe-area-inset-left
safe-area-inset-botto
这可以被添加到margin
,padding
或绝对位置值这样一个top
或left
。
padding: env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);
文档地址:
http://stephenradford.me/removing-the-white-bars-in-safari-on-iphone-x/
只有在泥泞的道路上才能留下脚印