Question

我有一个div，我希望它总是身体高度的80％。我想到了一个功能，当站点加载时抓住身体的高度并计算80％的结果在div的高度。问题是当用户进行页面缩放时，div的高度不会调整大小。我该如何解决这个问题？

Answer 1

将这种风格用于你的div：

height: 80vw;

Answer 2

假设div是body

的直接子项，请将css的高度设置为80％

div {
  border: 1px solid red;
  height: 80%;
}

body, html {
  height: 100%;
}

<html>
  <head>
  </head>
  <body>
    <div>yo</div>
  </body>
</html>

如果您的身体是100％视口高度，请使用height: 80vh;。

div {
  border: 1px solid red;
  height: 80vh;
}

<html>
  <head>
  </head>
  <body>
    <div>yo</div>
  </body>
</html>