Регистрация Войти
Войти через VK Войти через FB Войти через Google Войти через Яндекс
Войти через VK Войти через FB Войти через Google Войти через Яндекс
Поиск по сайту
Наш чат в Telegram для обмена идеями, проектами, мыслями, людьми в сфере ИТ г.Ростова-на-Дону: @it_rostov
Изображение в 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>
Изменяйте размер окна браузера с помощью растягивания/сужения.
.
Прокомментировать/Отблагодарить