Html 如何根据浏览器窗口进行图像缩放？

我想根据浏览器窗口缩放图像。我曾尝试在CSS中做一些更改，但失败了

.entry div.thumbnail {position: relative; width:100%; max-width: 292px; height: 184px;}

.entry div.thumbnail span.overlay2 { position: absolute; top: 0px; left: 0px; display: block; width: 296px; height: 186px;

---

主要问题在于span.overlay2。如何使其按浏览器窗口大小缩放？

在宽度后设置高度：100%。这基本上是说，将宽度设置为100%，然后将其设置为设置的高度。因此，您有一个不会重新缩放的静态图像。删除高度值，它就会工作。

您也可以发布html代码吗？通常应使用

.entry div.thumbnail img{width:100%）；

以图像为目标。使用百分比可确保图像与其容器一起上下缩放