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

Question

我试图让图像在放大时保持相同的大小（相对于窗口），这意味着当放大图像时看起来根本不会改变大小（但实际上它们将是减小尺寸）。我设法通过使用＆＃39; vh＆＃39;单位，但这不适用于图像。

Answer 1

在定义图像宽度时使用实际百分比，如下所示：

HTML

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

CSS

.imageThingy{
    width: 50%;
}

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