Как задать высоту в media запросе?

Question

[fenucss]

Подскажите как в media можно задать высоту? Задача: менять высоту navbar взависимости от высоты экрана смартфона.

Comments

[fenucss]

Задача решена. Всем спасибо)

Answer 1

[Никита]

медия вам не поможет, так как она будет относиться ко всей высоте сайта.

Ипользуйте js document.documentElement.clientHeight

Comments

[fenucss]

Да скорее всего это именно то, что надо. Как пользоваться можете подсказать?

[Никита]

придется через условия делать,
на пример если document.documentElement.clientHeight < 720 то можно присвоить какой нибудь класс

[fenucss]

Никита: решил задачу все-таки с помощью медиа, правда условия вышли довольно массивные. Но обошелся без js

Answer 2

[vovkka]

@media screen and (max-height: 667px) {
/* стили */
}

Comments

[fenucss]

нет, такое не срабатывает. Если бы работало, не спросил бы)

[vovkka]

fenucss: тогда через js $(window).height(); //Высота браузера
ну и в зависимости от высоты динамически меняете высоту другого элемента

[Алекс Глебов]

все работает
вьюпорт установлен?
лучше ссылку сюда

[fenucss]

Алекс Глебов: решил задачу все-таки с помощью медиа, правда условия вышли довольно массивные. Но обошелся без js