squadbrodyaga
@squadbrodyaga
Татарский богатырь

Как сделать, чтобы телефонная клавиатура не ломала вёрстку?

Здравствуйте, мобильную версию сайта я верстаю с помощью вот такого медиа запроса:
@media all and (orientation: portrait)
Раньше я тестировал в браузере и совершенно забыл про клавиатуру, я даже не знал, что она влияет на вёрстку,
вообщем когда выскакивает телефонная клавиатура, то сайт перестаёт быть portrait и меняется на
обычную десктопную версию и это выглядит ужасно, можно как-то клавиатуре сделать position: absolute?
  • Вопрос задан
  • 83 просмотра
Решения вопроса 1
danielchistyakov
@danielchistyakov
Frontend Developer
Попробуйте так, я всегда использую точные значения ширины в пикселях.
@media (max-width: 767px) {
  .desktop_nav {
    display: none;
    }
}
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

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

Войти через центр авторизации
Похожие вопросы