Как сделать адаптивную высоту для блока?

Question

[freeman0204]

Есть лендинг и идет блок за блоком. И нужно что бы первый блок всегда было видно полностью по высоте. Хоть на 28 дюймов хоть на маке 13 дюймов или на айпед. Как так можно сделать?

Answer 1

[lb-web]

https://habrahabr.ru/post/243161/ легко и просто. Ну, если не под ие6 конечно.

Comments

[freeman0204]

Это хорошо. А как быть с элементами внутри блока. В нем могут быть зоголовки, формы и т. д. Между ними есть отступы. Получается на больших экранах между ними отступы ростянутся и будут большими, а на маленьких наоборот. Это никак не исправить?

[lb-web]

Артур Черешнюк: при тех же условиях, можно использовать эту величину или процентное соотношение. Ну или свойство calc, ну или вкрайнем случае JS, чтобы в % от данной высота экрана. Способов море

Answer 2

[Александр Миранович]

https://jsfiddle.net/rbs0dmb3/30/

Comments

[freeman0204]

Это хорошо. А как быть с элементами внутри блока. В нем могут быть зоголовки, формы и т. д. Между ними есть отступы. Получается на больших экранах между ними отступы ростянутся и будут большими, а на маленьких наоборот. Это никак не исправить?

[Александр Миранович]

можно сделать через media, можно сделать внутренний блок и вертикально его центрировать, не знаю что именно вам лучше подойдет, не видя исходника

[Ankhena]

Артур Черешнюк: Включать здравый смысл :)

Использовать media запросы, изменять отступы и размеры содержимого, возможно скрывать часть элементов или переносить на следующие экраны.
Зависит от того, что именно должно располагаться внутри и насколько мелким оно имеет право оказаться.

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

[freeman0204]

Ankhena: Спасибо. Как то не подумал про это media only screen and (max-height: 720px) {

}
все время воспринимал медиа как адаптив по ширине.