Question

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

Answer 1

也许是这项工作：

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

vh和vw是视口大小

Answer 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>

角度：仅组件高度到屏幕

2 个答案: