为什么我的应用程序根目录在 Angular 中不是 100% 高度？

Question

这是我的第一个 Angular 项目，我对 Web 开发还很陌生。我正在使用 Angular 17.0.9。 我希望我的应用程序达到 100%，但

app-root

标签始终是可能的最小高度 。

在我的

styles.scss

文件中，我有：

// Global styles
html, body { 
  height: 100%;
  width: 100%;
  margin: 0;
  padding: 0;
}
body { 
    margin: 0; 
    font-family: Roboto, "Helvetica Neue", sans-serif; 
}

我已尝试添加到我的

app-component.scss

文件

:host {
    height: 100%
}

这不会改变任何事情。

你有什么想法吗？

Answer 1

我经常使用

:host {
  display: block;
  height: 100vh;
  width: 100vw;
}

在我的页面/路由组件上。

关于身高没有增长到100% 你可以看这里

Answer 2

只需将 app-root 添加到全局样式中

// Global styles
html, body, app-root { 
  height: 100%;
  width: 100%;
  margin: 0;
  padding: 0;
}