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

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%，然后将其设置为设置的高度。因此，您有一个不会重新缩放的静态图像。删除高度值，它将起作用。