Angular：组件高度仅到屏幕

【问题标题】：Angular: components height to screen onlyAngular：组件高度仅到屏幕
【发布时间】：2019-04-17 01:10:11
【问题描述】：

如何在 Angular 中设置所有组件的最大高度和最大宽度以适应屏幕尺寸？我不希望从 html 一直到组件的大小设置为 100% 不是我想要的，我不希望嵌套组件超过屏幕大小

【问题讨论】：

【解决方案1】：

也许这个工作：

*{
    max-width: 100vw; // view width
    max-height: 100vh; // view height
}

vh 和 vw 是视口大小

【讨论】：

【解决方案2】：

也许这个 css 可以解决你的问题（这是从任何地方响应的）请点击这个链接https://css-tricks.com/fun-viewport-units/

* {
    margin: 0 ;
    padding:0;
}

body {
    width: 100vw;
    height: 100vh;
    display: flex;
    justify-content: center;
    align-items: center;
}

.box{
    width: 100px;
    height:100px;
    background-color: #ccc;
}

HTML 在这里

<body>
    <div class="box">
    </div>
</body>

【讨论】：