javascript - 如何让 Angular 组件占据整个屏幕高度

Question

我将一个角度组件嵌套在另一个height:100%;组件的 css 文件中占用整个屏幕的组件中。我正在尝试将它们分层并希望每个组件占据整个屏幕高度，但height:100%没有效果。

作为参考，我试图模仿类似http://andrewborstein.github.io/portfolio/

标签： javascriptcssangularuser-interfacefrontend

Answer 1

使用:host选择器

你好.component.css

:host{
    background: #4285f4;
    color:#fff;
    position: fixed;
    top:0;
    left: 0;
    width: 100vw;
    height: 100vh;
    z-index: 100  
}

堆栈闪电战示例