Vuetify + Vuejs 项目添加默认或额外边距

Question

我有一个使用vuetify 2.3.1 开发的网站，它看起来像这样：

今天，当我再次打开它（没有做任何更改）时，我发现它看起来像这样：

看起来所有网站都获得了一个无处可去的额外边距，而且不仅在此页面中，而且在整个系统中。我在 localhost 环境和生产环境中打开它，即使我没有将任何东西推送到生产环境，两者都有这个变化。

我无法找出问题所在。我尝试更新我的 vuetify 版本，但没有成功。我希望你能给我一个解决方案，因为我迷路了。

Answer 1

一些 HTML 元素带有默认边距。如果您想完全控制您的内边距、边框和边距，建议添加一个通用选择器，将 border-sizing 设置为 border-box，并将您的正文设置为边距：0。这里有更多信息，@987654321 @

* { 
    border-sizing: border-box;
  }

body { 
    margin: 0;
 }