如何使 div 的宽度与屏幕高度相同？

Question

所以。我已经固定定位 div 从屏幕顶部到底部有 100% 的高度，我需要匹配它的宽度使其在所有屏幕尺寸上都与高度相同。我该怎么做？

（编辑了题目问题）

div {
    position:fixed;
    top:0;
    left:0;
    height:100%;
}

Answer 1

换个角度思考，因为元素是固定的，100% 高度意味着屏幕的 100% 高度，所以我们可以使用 vh 单位而不是 %，如下所示：

.box {
  position: fixed;
  top: 0;
  left: 0;
  height: 100vh;
  width: 100vh;
  background: red;
}

<div class="box">
</div>

How to make div's width same as screen height?