如何使Angular组件占据整个屏幕高度 [英] How to get Angular component to take full height of screen

问题描述

我将一个有角度的组件嵌套在另一个组件中，该组件使用组件的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;
}

这篇关于如何使Angular组件占据整个屏幕高度的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！