处理Chrome的默认8px边距的最佳做法是什么?

时间:2019-02-05 11:23:16

标签: html css google-chrome sass

默认情况下,Chrome浏览器会添加8px的边距,而我正在使用Normalize.css进行更正。我还使用通用选择器重置了样式表中的边距和填充。

如果我从项目中删除了normalize.css,则会应用Chrome的8px边距。有没有一种方法可以解决此问题,而无需在我的网站中引入normalize.css?我宁愿不必使用它,仅仅是因为它为浏览器增加了更多工作。

*,
*::after,
*::before {
  margin: 0;
  padding: 0;
  box-sizing: inherit; 
}

 body {
    box-sizing: border-box;
  }

1 个答案:

答案 0 :(得分:1)

您几乎自己回答了这个问题。您只需要在CSS上添加零余量即可。您可以在自己的CSS中完成此操作,不需要完整的CSS框架。

body {
  margin: 0;     
}