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