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

Question

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

您可以在以下位置查看示例：http://www.continuous-ltd.be/ctb-site/indextest.html

THX

Answer 1

您可以使用background-size: 100%;，但请记住，它尚未在所有浏览器上实现

Answer 2

只需使用：

max-width:100%

Answer 3

你也可以使用这个css

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