Высота блока при адаптиве?

Question

[Hello00]

Подскажите,надо задавать фиксированную высоту блоку? или можно выровнять падингами?
Проблема в том что при изменении высоты экрана, блоки начинают налазить друг на друга.
Например задаю header: 100 vh.Начинаю уменьшать ширину контента ,и нижние блоки налазят на header. Поведение нижних блоков обосновано.Но как решить данную проблему?
И вообще надо ли задавать фиксированную высоту блокам?

Comments

[WapSter]

media запросы в любом случае. Ориентируйтесь на высоту и когда происходит наезжание создавайте брекпоинт с height: auto

[Hello00]

Тимур Турсунбаев, спасибо

[Hello00]

BD_ l3ftoverZ!, спасибо

[WapSter]

BD_ l3ftoverZ!, ie плохо понимает минимальную высоту, что очень важно некоторым разработчикам кто не похоронил данный браузер.

[WapSter]

BD_ l3ftoverZ!, спасибо за инструмент, надеюсь не понадобиться но мало ли.

Answer 1

[Ankhena]

И вообще надо ли задавать фиксированную высоту блокам?

Зависит от макета и задумки дизайнера.
В большинстве случаев желательно обходится без указания высоты или задавая минимальную/максимальную.

Но как решить данную проблему?

Если header должен быть именно 100vh, то и размер шрифта пересчитать в единицы измерения связанные с вьюпортом. (Только обязательно проверяйте на больших и маленьких размерах окна, обычно там нужно менять размеры через media, чтобы не получить гигантов и мини-карликов)