我使用组件的css文件中的height:100%;
将一个angular组件嵌套在另一个占据整个屏幕的组件中。我尝试对它们进行分层,希望每个组件占据整个屏幕高度,但height:100%
没有任何效果。
作为参考,我正在尝试模拟像http://andrewborstein.github.io/portfolio/这样的东西
发布于 2018-07-14 06:04:42
只需添加样式到您的元素:
height: 100vh;
或者创建一个css类并将其添加到元素中:
.full-height {
height: 100vh;
}
发布于 2018-07-14 05:44:12
使用:host
选择器
hello.component.css
:host{
background: #4285f4;
color:#fff;
position: fixed;
top:0;
left: 0;
width: 100vw;
height: 100vh;
z-index: 100
}
https://stackoverflow.com/questions/51332847
复制相似问题