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

How to get Angular component to take full height of screen(如何让 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;
}

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