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