html - 从响应页面中删除 WhiteSapce 边距，该页面仅出现在 Safari 上，而不是 Chorme 和 firefox

Question

我在 @media query 的帮助下开发了一个响应式页面。现在，当我在 iphone 6+ 上查看我的页面时，就会出现一些不需要的空白边距。

但页面在 chorme 、 firefox 浏览器（开发者模式）上运行良好。

是否有任何用于 safari 的 CSS hack，以便我可以从我的页面中删除不需要的空白页边距。

我在响应式 CSS 中使用了以下代码

Answer 1

当这种情况发生在我身上时，我可以通过从我的样式表中删除它来修复它

*{
    padding: 0
}

另一件事是 WebKit 样式表包含以下 'margin' ，'padding' 属性

-webkit-margin-before:
-webkit-margin-end:
-webkit-margin-after:
-webkit-margin-start:

-webkit-padding-before:
-webkit-padding-end:
-webkit-padding-after:
-webkit-padding-start:

您可以使用它并为 safari 进行相应的自定义