本文介绍了如何让 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 组件占据整个屏幕高度的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持编程学习网！
本站部分内容来源互联网,如果有图片或者内容侵犯您的权益请联系我们删除！