Angular5删除默认填充

Question

我已经开始使用默认的Angular 5 CLI应用程序......

ng new testApp

然后我将背景app.component.html更改为灰色，以便您可以看到我的问题...

<div style="text-align:center; background:gray">

默认应用程序总是在浏览器的边缘和第一级内容（容器？）之间有这些不必要的间隙（边距？填充？）。完全消除这些差距的最简单，最直接的方法是什么？应该有一个值，我可以在某处修改它，对吧？

Answer 1

这个空间是身体的边缘和

的边缘

<h1> Welcome to app! </h1>

Answer 2

有些浏览器有body margin个。将它们设置为0。

Answer 3

在app.component.scss中使用

::ng-deep * {
  margin: 0;
  padding: 0;
}