角度:组件高度仅限屏幕
Posted
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了角度:组件高度仅限屏幕相关的知识,希望对你有一定的参考价值。
如何在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>
以上是关于角度:组件高度仅限屏幕的主要内容,如果未能解决你的问题,请参考以下文章