从响应页面中删除空白页边距，该页面仅出现在 Safari 上而不是 Chrome 上，firefox答案

【问题标题】：Remove WhiteSapce margin from responsive Page which is coming only on Safari not on Chorme , firefox从响应页面中删除空白页边距，该页面仅出现在 Safari 上而不是 Chrome 上，firefox
【发布时间】：2016-08-11 01:46:32
【问题描述】：

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

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

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

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

【问题讨论】：

标签： html css safari responsive css-hack

【解决方案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 进行相应的自定义

【讨论】：