HTML元素的大小相对于屏幕，而不是父母

Question

目前我想弄清楚是否有一种方法来设置HTML元素的大小相对于屏幕的大小，而不是使用百分比的其父元素的大小。我想这样做是为了在我的网站上创建图像大小的一致性。

我想使用百分比来确保我的图像适当调整大小以响应浏览器调整大小的更改。

例如，如果我将图像的宽度设置为“width：60％;”我希望我的图片占用60％的屏幕空间，而不是60％的嵌套div。

是否有一种方法可以实现此目的？

Answer 1

是：您可以使用vw和vh单位。这些代表视口（=浏览器窗口，但在全屏模式下，在移动设备上，这等于屏幕尺寸）宽度和高度的百分比。