@Rhamazan

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

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

1920х1080
d19b0bf35d91411780790ae40e26b315.jpg

1280х800
dd299e0d346045dd8cb6964abb208ddf.jpg

768х1024
acbd00260cf84a2088bcf674ebf32919.jpg

Благодарю.
  • Вопрос задан
  • 301 просмотр
Пригласить эксперта
Ответы на вопрос 4
batareika
@batareika
Вот пример на flexbox: codepen.io/anon/pen/doRqYq
Но это скорее для общего развития
Ответ написан
Комментировать
srko
@srko
JavaScript / HTML / CSS
Попробуйте viewport units: vw, vh, vmin, vmax.
Ответ написан
Комментировать
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 в моём случае
Ответ написан
rsvetlitskiy
@rsvetlitskiy
UX/UI designer, researcher and almost a developer.
Вот так попробуйте codepen.io/Rodion77/pen/XbgPEE?editors=110
Ответ написан
Комментировать
Ваш ответ на вопрос

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

Похожие вопросы