html - 如何让网页显示为正方形？

Question

不确定我是否必须使用 iframe、CSS 或如何使用，但我想做的是让网页显示为正方形。高度为 %100 但宽度与高度，使其成为正方形。

Answer 1

您可以使用 vh(视口(viewport)高度)。添加 margin: auto; 如果你想让它居中。

body {
  margin: 0;
}
.square {
  background: pink;
  height: 100vh;
  width: 100vh;
  margin: auto;
}

<div class="square"></div>