如何在 Angular 中设置所有组件的最大高度和最大宽度以适应屏幕尺寸?我不希望将大小设置为 100%,从 html 一直到组件不是我想要的,我不希望嵌套组件超过屏幕尺寸
也许这项工作:
*{
max-width: 100vw; // view width
max-height: 100vh; // view height
}
视口大小vh
和vw
也许这个 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>