如何使用 Neat 和 Bourbon 去除页边距

Question

使用 Bourbon 和 Neat，它似乎默认在页面周围添加一个 8 像素的填充。摆脱该填充并使页面内容扩展以使用页面的整个宽度和高度的解决方案是什么？

Answer 1

好的，我找到了答案，但我不确定这是否是最好的方法：

在 _grid-settings.scss:

body {
  margin: 0;
}

我很想知道是否有更好的方法。

Answer 2

我总是建议添加一个 _reset.scss 文件来重置浏览器的默认样式。 Sass 的创始人 Hampton Catlin 创建了这个简单的重置文件以添加到您的项目中。

参考：https://gist.github.com/hcatlin/1027867

Answer 3

使用 reset 样式表是您应该始终将其作为样式表的一部分的内容。这个想法最初是由Eric Meyer in 2007.

提出的

The goal of a reset stylesheet is to reduce browser inconsistencies in things like default line heights, margins and font sizes of headings, and so on.

他的样式表已移植到 SASS，还有其他 reset 个样式表可用：

埃里克迈耶的：https://gist.github.com/trey/3524

汉普顿卡特林酒店：https://gist.github.com/hcatlin/1027867

normalize也可以。可以在 http://cssreset.com/.

找到流行的 reset 和 normalize 样式表列表

如何使用 Neat 和 Bourbon 去除页边距

How to get rid of page margins using Neat and Bourbon

css

neat

bourbon