Как сделать автоподбор высоты Header?

Question

[Мари Арти]

не могу понять как сверстать автоподбор высоты хэдера, который на любых устройствах сам фиксирует высоту. гуглил как мог. вероятно, вопрос неправильно формулирую. надеюсь, здесь меня кто-нибудь поймет.
вот пример themetrust.com/demos/port/
(как браузер не ужми по высоте, фиксируется в стилях высота автоматически. какой-то скрипт хитрый?)
заранее спасибо

Answer 1

[Murat Atila]

Под header вы подразумеваете меню или всю шапку с картинкой?

P.S. в любом случае, если вы откроете стили, вы всё сами увидите, height: 100%; ну и плюс скрипт, который высчитывает высоту и ширину экрана, + медиа запросы

Comments

[Мари Арти]

шапку с картинкой

Answer 2

[A K]

lol хитрый скрипт? онли css (8 строчек)
jsfiddle.net/Symphony/wmdd087j/light

Answer 3

[Dmitry Bay]

ничего не понятно.

но дам советы
1) с одной стороны, можно выбрать разное отображение для разных устройство
2) можно через js подсчитывать размеры и генерировать как надо
3) можно просто воспользоваться % высоты в css

Answer 4

[Юрий]

На сколько я понял вопрос, имеется ввиду первый блок именно с картинкой.
То высота блока задается как 100vh

.div {
	height: 100vh;
	background-size: cover;
}

Update: Вот так думаю будет нагляднее

Comments

[Мари Арти]

крутой пример, спасибо

Answer 5

[Мари Арти]

спасибо тем, кто отписался
меня больше интересовал факт, какими решениями в подобных примерах чаще всего пользуются. очень популярный метод оформления хедера.

но если кто-нибудь знает-таки скрипт, который подобную подгонку делает, буду признателен, если подскажите (если он в природе существует)