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