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

Question

我想按照浏览器窗口缩放图像。我尝试用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。如何根据浏览器窗口大小进行缩放？

Answer 1

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