@Rhamazan

Возможно ли создать сайт адаптивный по ширине и высоте?

Доброго дня. При разработке сайта возникло сомнение. Возможно ли сделать адаптивную верстку главной страницы так, чтобы при любом мониторе были видны все блоки без прокруток по горизонтали и вертикали.
Примеры в прикреплении:

1920х1080
d19b0bf35d91411780790ae40e26b315.jpg

1280х800
dd299e0d346045dd8cb6964abb208ddf.jpg

768х1024
acbd00260cf84a2088bcf674ebf32919.jpg

Благодарю.
  • Вопрос задан
  • 299 просмотров
Пригласить эксперта
Ответы на вопрос 4
kasheibess
@kasheibess
веб уже не тот
Легко) Для подстройки под высоту экрана
function setHeiHeight() {
		$('.min_height').css({
			height: $(window).height() + 'px'
		});
	}
	setHeiHeight(); // устанавливаем высоту окна при первой загрузке страницы
	$(window).resize( setHeiHeight ); // обновляем при изменении размеров окна

а в html пишем
<meta name="HandheldFriendly" content="true">
	<meta name="viewport" content="width=1000">

и
<body onresize="reSize">
А для ширины уже используйте media queries htmlbook.ru/css/value/media

ps Конечно же весь сайт должен лежать в 1 блоке с классом min_height в моём случае
Ответ написан
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы