Html 在iPhone'；有缺口的

在iPhone X（以及其他带有凹口的iPhone）上，谷歌Chrome浏览器在页面左右两侧添加了额外的填充物，而Safari则没有。怎么可能解决这个问题

---

这是一个长期以来众所周知的问题， 它很容易修复：

 *{ margin : 0; padding : 0;box-sizing: border-box;}

有时你也需要使用“-webkit和moz”

---

这是一个很长时间以来众所周知的问题， 它很容易修复：

 *{ margin : 0; padding : 0;box-sizing: border-box;}

有时你也需要使用“-webkit和moz”

---

iPhoneX有着臭名昭著的缺口和主栏。除非你明确告诉苹果，否则苹果不会满足于这些条款

您可以添加以下内容来解决问题：

padding: env(safe-area-inset);

找到来源

并修复元标记：

<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no, viewport-fit=cover">

---

这会告诉您的iPhone添加必要的填充。

iPhone X具有臭名昭著的凹口和主栏。除非你明确告诉苹果，否则苹果不会满足于这些条款

您可以添加以下内容来解决问题：

padding: env(safe-area-inset);

找到来源

并修复元标记：

<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no, viewport-fit=cover">

这会告诉你的iPhone添加必要的填充