Задать вопрос
@Rhamazan
html

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

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

1920х1080
d19b0bf35d91411780790ae40e26b315.jpg

1280х800
dd299e0d346045dd8cb6964abb208ddf.jpg

768х1024
acbd00260cf84a2088bcf674ebf32919.jpg

Благодарю.
  • Вопрос задан
  • 300 просмотров
Комментировать
Подписаться 2 Оценить Комментировать
Пригласить эксперта
Ответы на вопрос 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 в моём случае
Ответ написан
3 комментария
3 комментария
rsvetlitskiy
@rsvetlitskiy
UX/UI designer, researcher and almost a developer.
Вот так попробуйте codepen.io/Rodion77/pen/XbgPEE?editors=110
Ответ написан
Комментировать
Комментировать
Ваш ответ на вопрос

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

Войти через центр авторизации
Похожие вопросы
Вакансии с Хабр Карьеры
Тестировщик-стажёр
ITooLabs • Тула
от 35 000 до 40 000 ₽
Fullstack PHP Developer
Smapse Education
от 40 000 до 65 000 ₽
Trainee - IT Support
move2usajobs.com LLC • Лос-Анджелес
от 2 000 до 4 000 $
Ещё вакансии
Заказы с Хабр Фриланса
Перенести базу знаний в формат lms (На подобии Obsidium)
26 апр. 2024, в 17:02
35000 руб./за проект
Составить единую таблицу SQL
26 апр. 2024, в 16:51
2000 руб./в час
Сверстать 2 транзакционных письма по макету figma
26 апр. 2024, в 16:36
3000 руб./за проект
Ещё заказы