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



默认情况下,Chrome会添加8px的边距,我正在使用Normalize.css来纠正这一点。我还使用通用选择器重置了样式表中的边距和填充。

如果我从我的项目中删除规范化.css,则会应用 Chrome 的 8px 边距。有没有办法在不向我的网站引入规范化.css的情况下解决这个问题?我宁愿不必使用它,仅仅是因为它为浏览器增加了更多的工作。

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

你自己几乎已经回答了这个问题。您只需要在 CSS 中添加零边距即可。 你可以在自己的CSS中做到这一点,你不需要一个完整的CSS框架。

body {
  margin: 0;     
}

相关内容

最新更新