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/