html - 放大时保持图像大小占屏幕的百分比相同

Question

我试图让图像在放大时保持相同的大小(相对于窗口)，这意味着当放大时图像看起来根本不会改变大小(但实际上它们会缩小尺寸)。我设法通过使用“vh”单位来处理文本，但这不适用于图像。

Answer 1

定义图像宽度时只需使用实际百分比，如下所示:

HTML

<img src="yourimage.png" class="imageThingy">

CSS

.imageThingy{
    width: 50%;
}

这将在放大窗口时保持图像大小。