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

Код:

<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>

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

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

made in programmersforum 6

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

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