Изображение в 100%
Сделать чтобы изображение в резиновой колонке отображалось полностью вне зависимости от ее ширины.
Картинка центрируется, при малом размере экрана занимает всю ширину.
Чтобы этого добиться, надо картинке задать max-width:100%; и не указывать width и height.
Исходный код этого примера:
<style>
.wrapper{
text-align: center;
}
.wrapper img{
max-width: 100%;
}
</style>
<div class="wrapper">
<img src="/images/dscf5940.jpg" alt="Максимальная ширина 100%">
</div>
Изменяйте размер окна браузера с помощью растягивания/сужения.
.
Прокомментировать/Отблагодарить