изменить размер изображения в соответствии с размером окна браузера больше, чем ширина изображения

Question

Я хочу изменить размеры моих изображений на моем слайдере изображения, чтобы оно соответствовало окну браузера, при этом размер изображения был как можно меньше. Сами изображения имеют фиксированную ширину 800 пикселей, но когда окно браузера масштабируется более, чем то, что изображения не масштабируются. Они остаются фиксированными 800px. Есть ли способ решить это.

Вы можете увидеть пример на: http://www.continuous-ltd.be/ctb-site/indextest.html

ТНХ

Answer 1

Просто используйте:

max-width:100% 

Answer 2

Вы можете использовать background-size: 100%;, но имейте в виду, что это не реализовано на всех браузерах еще

Answer 3

вы также можете использовать это css

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