可以在页面加载时获得vw或vh固定值吗？

Question

我想要一个div宽70vw高，垂直和水平居中的70vh。像这样：

.centeredBox {
  width: 70vw;
  height: 70vh;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
}

但是，我不希望每次更改视口大小时都重新计算宽度和高度。如果可能的话，我希望70vw和70vh仅在页面加载时计算，因此它以该大小开始，但无论该浏览器窗口是否调整大小，都保持该大小。是否可以将vw或vh的值转换为像素数？

请不要使用Javascript。我需要此“符合NoScript的文件”。

Answer 1

否，CSS无法实现。我建议您试一下像素，看看有什么与您的想法接近。 就我自己而言，我不会选择像素。相对单位的优点在于，它们使您可以构建适用于不同设备的产品。您为什么不希望您的设计具有响应能力？