首页
学习
活动
专区
工具
TVP
发布
社区首页 >问答首页 >如何让角度分量占据整个屏幕的高度

如何让角度分量占据整个屏幕的高度
EN

Stack Overflow用户
提问于 2018-07-14 05:10:18
回答 2查看 10.6K关注 0票数 4

我使用组件的css文件中的height:100%;将一个angular组件嵌套在另一个占据整个屏幕的组件中。我尝试对它们进行分层,希望每个组件占据整个屏幕高度,但height:100%没有任何效果。

作为参考,我正在尝试模拟像http://andrewborstein.github.io/portfolio/这样的东西

EN

回答 2

Stack Overflow用户

回答已采纳

发布于 2018-07-14 06:04:42

只需添加样式到您的元素:

代码语言:javascript
复制
height: 100vh;

或者创建一个css类并将其添加到元素中:

代码语言:javascript
复制
.full-height {
    height: 100vh;
}
票数 8
EN

Stack Overflow用户

发布于 2018-07-14 05:44:12

使用:host选择器

hello.component.css

代码语言:javascript
复制
:host{
    background: #4285f4;
    color:#fff;
    position: fixed;
    top:0;
    left: 0;
    width: 100vw;
    height: 100vh;
    z-index: 100  
}

stackblitz example

票数 10
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/51332847

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档