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

Question

[Айнур Ярулин]

Здравствуйте, мобильную версию сайта я верстаю с помощью вот такого медиа запроса:
@media all and (orientation: portrait)
Раньше я тестировал в браузере и совершенно забыл про клавиатуру, я даже не знал, что она влияет на вёрстку,
вообщем когда выскакивает телефонная клавиатура, то сайт перестаёт быть portrait и меняется на
обычную десктопную версию и это выглядит ужасно, можно как-то клавиатуре сделать position: absolute?

Comments

[Lynn «Кофеман»]

Как все — ориентируйтесь на ширину

[Айнур Ярулин]

Lynn «Кофеман», блин, походу действительно придётся делать как все, а я то хотел,
чтобы даже на разрешении 5000x7000 всё выглядело так же красиво как на 500x700 например

[Aetae]

squadbrodyaga, ну так и обычный мелкий телефон на бок положить могут. Делайте чтоб было красиво.)

Answer 1

[Даниил Чистяков]

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

@media (max-width: 767px) {
  .desktop_nav {
    display: none;
    }
}