Назад
Регистрация Войти
Войти через VK Войти через FB Войти через Google Войти через Яндекс




Поиск по сайту




Наш чат в Telegram для обмена идеями, проектами, мыслями, людьми в сфере ИТ г.Ростова-на-Дону: @it_rostov

Изображение в 100%

Сделать чтобы изображение в резиновой колонке отображалось полностью вне зависимости от ее ширины.

Картинка центрируется, при малом размере экрана занимает всю ширину.

Чтобы этого добиться, надо картинке задать max-width:100%; и не указывать width и height.

Максимальная ширина 100%
Исходный код этого примера:
<style>
.wrapper{
	text-align: center;
}
.wrapper img{
	max-width: 100%;
}
</style>

<div class="wrapper">
	<img src="/images/dscf5940.jpg" alt="Максимальная ширина 100%">
</div>

Изменяйте размер окна браузера с помощью растягивания/сужения.


.