Последние записи

Интенсив по Python: Работа с API и фреймворками 24-26 ИЮНЯ 2022. Знаете Python, но хотите расширить свои навыки?
Slurm подготовили для вас особенный продукт! Оставить заявку по ссылке - https://slurm.club/3MeqNEk

Online-курс Java с оплатой после трудоустройства. Каждый выпускник получает предложение о работе
И зарплату на 30% выше ожидаемой, подробнее на сайте академии, ссылка - ttps://clck.ru/fCrQw

5th
Июл

Как сделать картинку адаптивной, само растягивающейся к размеру монитора, чтобы размер баннера изменялся сам — подстраивался под дизайн сайта

Posted by obzor under HTML, Пост-обзор

Код:

<style type="text/css">

.css-adaptive {
display: block;
max-width: 100%;
height: auto;
}

</style>

<img src="https://programmersforum.ru/kartinka.gif" class="css-adaptive">

Arigato

Проверил, картинка заполняет собой весь div с автоматическим масштабированием:

Код:

<!DOCTYPE html>
<html>
	<head>
	<style type="text/css">
		.css-adaptive {
			display: block;
			max-width: 100%;
			height: auto;
		}
	</style>
</head>
	<body>
		<div style="width: 800px; height: 600px;">
			<img src="1.jpg" class="css-adaptive">
		</div>
	</body>
</html>

тема на форуме

Последние записи

Как сделать картинку адаптивной, само растягивающейся к размеру монитора, чтобы размер баннера изменялся сам — подстраивался под дизайн сайта

Похожие статьи

Купить рекламу на сайте за 1000 руб

пишите сюда - alarforum@yandex.ru