如何使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>