Vue.js 2 - 从body标签中删除初始边距

Question

我很抱歉，如果这是一个愚蠢的问题，我对Vue来说还是一个新手。我创建了一个Vue（使用命令vue init webpack <project-name>）项目并开始添加组件，第一个是导航栏。但后来我注意到body标签默认有margin: 8px，这导致我的页面和浏览器四周之间总是有8px的空白区域。我不能为我的生活弄清楚如何摆脱这个边缘，我尝试使用以下css：

* { margin: 0 !important; }

和

body { margin: 0 !important; }

我已经尝试将它直接添加到样式标记中的根index.html头部以及所有组件的样式标记中，但是根本无法摆脱它。

Answer 1

看来我是个白痴。当我在我的索引头脑中执行*{}规则时，在我开始写我的问题之前，我从未真正包括!important，当时我不记得!important是在分号之前还是之后。所以在我在我的文本编辑器中编写它之后，复制到我的问题然后继续我，由于某种原因，保存了我的索引，你知道什么？有效。

总而言之，在index.html头部的样式标签中使用qazxsw poi就可以了。

Answer 2

这可能是因为“scoped”属性，在你将body margin设置为0的地方删除它，它应该可以解决。