angular - 角度材质导航栏未对齐

Question

我按照这些文章设置了我的 Angular 项目环境：

• https://material.angular.io/guide/getting-started
• https://angular.io/guide/quickstart
• https://material.angular.io/guide/schematics

创建ng项目后，我添加了材质导航架构。

ng g @angular/material:material-nav --name mat-nav

app.component.html然后我用新的导航组件替换了默认文件的内容。

<app-mat-nav></app-mat-nav>

styles.scss然后我在文件中导入了材质主题。

@import "~@angular/material/prebuilt-themes/indigo-pink.css";

最后，我启动了服务器。编译时没有错误，浏览器也没有错误。但我的页面布局如下所示。

请注意标题栏上方的白色条带。

更新

经谷歌确认，这不是错误。这只是一个奇怪的功能。

标签： angular

Answer 1

默认情况下，CSS 边距添加在 body 标记中。在 styles.scss 文件中添加以下代码

* {
    margin: 0;
  }

您还可以使用 normalize.css 或 reset.css 文件覆盖默认浏览器样式。