Javascript 调整图像大小以适应大于图像宽度的浏览器窗口

我希望在图像滑块中自动调整图像大小，以适应浏览器窗口，同时尽可能降低图像大小。图像本身的固定宽度为800px，但当浏览器窗口缩放到800px以上时，图像不会随之缩放。它们保持固定的800px。有没有办法解决这个问题

您可以在以下位置看到一个示例：

thx

只需使用以下命令：

max-width:100%

---

您可以使用

背景大小：100%但请记住，它并不是在所有浏览器上都实现的
您也可以使用此css

.slides, .slides li, .slides li img{
    max-width:100%;
}

我认为这个例子可能也有问题，只有第一张图片可以缩放。真的就这么简单吗？谢谢，我想得太远了！