Angular5 删除默认填充

Question

我已经启动了默认的 Angular 5 CLI 应用程序...

ng new testApp

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

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

默认应用程序在浏览器边缘和第一级内容（容器？）之间始终存在这些不必要的间隙（边距？填充？）。完全消除这些差距的最简单、最直接的方法是什么？应该有一个单一的值我可以在某个地方更改来解决这个问题，对吗？

Answer 1

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

Answer 2

这个space是正文的边距和

的边距

<h1> Welcome to app! </h1>

Answer 3

在app.component.scss

中使用

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