如何让 Angular 组件占据整个屏幕高度
我正在使用组件的 css 文件中的 height:100%; 将一个角组件嵌套在另一个占用整个屏幕的组件中.我正在尝试将它们分层并希望每个组件占据整个屏幕高度，但 height:100% 没有效果.
I'm nesting an angular component inside another one that is taking up the whole screen using height:100%; in the component's css file. I'm attempting to layer them and want each component to take up the whole screen height, but height:100% has no effect.
作为参考，我试图模仿 http://andrewborstein.github.io/portfolio/
For reference I'm attempting to emulate something like http://andrewborstein.github.io/portfolio/
推荐答案
只需为你的元素添加样式:
Just add style to your element:
height: 100vh;
或者创建一个css类并将其添加到元素中:
Or create a css class and add it to element:
.full-height {
height: 100vh;
}
相关文章