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

Question

i'm looking to resize my images in my image slider automatically to fit the browser window while keeping my image size as low as possible. The images itself have a fixed width of 800px but when the browser window scales to more than that the images don't scale along. They stay a fixed 800px. Is there a way to resolve that.

You can see an example at: http://www.continuous-ltd.be/ctb-site/indextest.html

thx

Answer 1

You could use background-size: 100%; but keep in mind that it's not implemented on all browsers yet

Answer 2

只需使用：

max-width:100%

Answer 3

you can also use this css

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