0
我想制作一个具有特定比例的矩形(div)。高宽标尺必须是30:50。矩形填充宽度屏幕的40%。如果我调整屏幕大小,如果记住这个比例,我该如何改变高度?在html和css中缩放一个矩形
HTML:
<div id="bg">
</div>
CSS:
#bg {
background-color: blue;
width: 40%;
}
我想制作一个具有特定比例的矩形(div)。高宽标尺必须是30:50。矩形填充宽度屏幕的40%。如果我调整屏幕大小,如果记住这个比例,我该如何改变高度?在html和css中缩放一个矩形
HTML:
<div id="bg">
</div>
CSS:
#bg {
background-color: blue;
width: 40%;
}
尝试使用vw
(视口宽度)它规范化:
#bg {
background-color: blue;
width: 40vw;
height: 66.67vw;
}