重定向后的大小问题

Question

我正在尝试做一个需要占据整个屏幕的组件。 我试图把它放在宽度 100% 和高度 100% 处，但它不起作用。 我正在使用角度（带电子）。

通过单击页面上的链接，我被重定向到另一个组件。而且这个组件并没有占据整个屏幕。 我想访问正文，例如更改背景颜色，但我无法访问它。

body {
  color: $f-color;
  font-family: $ff-default;
  margin: 0;
  background: $dark;
}

（我的变量在另一个文件中）

我的 app.component.html ：

<div style="height:100%; width: 100%;">
    <router-outlet></router-outlet>
</div>

点击主组件后，我被重定向到另一个组件。

例如，我的 style.scss 文件中的 body 元素是黑色的，重定向后我想将它传递给红色，但我不知道该怎么做。

提前致谢。

Answer 1

在你的组件 .scss 中使用 :host 选择器

:host {
  width: 100vh;
  height: 100vh;
}