当浏览器宽度/高度发生变化时，如何使用CSS动态调整图像大小？

Question

我想知道如何使图像与浏览器窗口一起调整大小，这是我到目前为止所做的（或者以ZIP方式下载整个网站）。

这在Firefox中运行正常，但在Chrome中存在问题：图像并不总是调整大小，它在某种程度上取决于加载页面时窗口的大小。

这在Safari中也可以正常工作，但有时图像加载的最小宽度/高度。也许这是由图像尺寸引起的，我不确定。（如果加载正常，请尝试刷新几次以查看错误。）

关于如何使这更加防弹的任何想法？（如果需要JavaScript，我也可以使用它，但CSS更可取。）