如何使 div 的宽度与屏幕高度相同?
How to make div's width same as screen height?
所以。我已经固定定位 div 从屏幕顶部到底部有 100% 的高度,我需要匹配它的宽度使其在所有屏幕尺寸上都与高度相同。我该怎么做?
(编辑了题目问题)
div {
position:fixed;
top:0;
left:0;
height:100%;
}
换个角度思考,因为元素是固定的,100% 高度意味着屏幕的 100% 高度,所以我们可以使用 vh 单位而不是 %,如下所示:
.box {
position: fixed;
top: 0;
left: 0;
height: 100vh;
width: 100vh;
background: red;
}
<div class="box">
</div>
所以。我已经固定定位 div 从屏幕顶部到底部有 100% 的高度,我需要匹配它的宽度使其在所有屏幕尺寸上都与高度相同。我该怎么做?
(编辑了题目问题)
div {
position:fixed;
top:0;
left:0;
height:100%;
}
换个角度思考,因为元素是固定的,100% 高度意味着屏幕的 100% 高度,所以我们可以使用 vh 单位而不是 %,如下所示:
.box {
position: fixed;
top: 0;
left: 0;
height: 100vh;
width: 100vh;
background: red;
}
<div class="box">
</div>