copyloc
@copyloc
Человек то я не глупый, просто притворяюсь

Как растянуть div блоки в зависимости от разрешения экрана?

Не получается оптимизировать сайт под все разрешение. По ширине получилось, а по высоте нет. Вот сайт, у кого большое разрешение, увидят, что внизу белый фон, а по задумке два div блока(Solution-Explorer, Source ) должны растягиваться по высоте, чтобы не было скроллов или внизу белого фона.

<div class="wrapper">
	<div class = "header"></div><!-- .header -->
	
	<div class = "middle">
		<div class = "Solution-Explorer"></div><!-- .Solution-Explorer -->
		<div class = "Content">
			<div class = "Source"></div><!-- .Source -->
		</div><!-- .Content -->
	</div><!-- .middle -->
	
	<div class = "footer"></div><!-- .footer -->
</div><!-- .wrapper -->


min-height: 500px;
max-height: 2000px;
Эти способы не работают, в отличие от min-width, max-width, получается просто пустое место.
Если не понятно объяснил, спрашивайте, дополню.
  • Вопрос задан
  • 2760 просмотров
Пригласить эксперта
Ответы на вопрос 1
kissarat
@kissarat
Node.js
Конечно, всегда можно использовать JavaScript)
добавлено:
Я использовал для этого display: table , элементы display: table-cell виравниваються по высоте
Ответ написан
Ваш ответ на вопрос

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

Войти через центр авторизации
Похожие вопросы
29 окт. 2020, в 03:40
4000 руб./за проект
29 окт. 2020, в 03:23
400 руб./в час
29 окт. 2020, в 02:05
3000 руб./за проект