Google Nexus Portrait меняется на ландшафт на клавиатуре
Мы разрабатываем адаптивный веб-сайт, который имеет два взгляда. Один для планшетов ПОРТРЕТ: Ipad и Google Nexus и один для мобильных телефонов: Iphone и Samsung S3.
Google Nexus Portrait также должен отображаться на веб-странице в виде планшета.
Это используемые медиа-запросы.
Для MOBILE@media только экран и (максимальная ширина: 768 пикселей) и (ориентация: ландшафт), только экран и (максимальная ширина: 599 пикселей) и (ориентация: портрет)
Для ПОРТРЕТАПЛАНШЕТА @media только экран и (минимальная ширина: 600 пикселей) и (максимальная ширина: 1024 пикселей) и (ориентация: портрет)
Когда мы открываем сайт в Google Nexus Portrait View, он показывает правильную версию сайта для планшета. Когда мы нажимаем на поле ввода, отображается виртуальная клавиатура, и устройство переходит в альбомный режим. Таким образом, для ширины устройства (600 пикселей) и ландшафта: отображается мобильный вид. Как только мы закроем клавиатуру, она вернется обратно в книжный режим и отобразится вид планшета.
Перемещение устройства в горизонтальное положение происходит потому, что при отображении клавиатуры ширина экрана становится больше, чем высота экрана. (Поскольку высота уменьшилась из-за клавиатуры)
Есть ли у вас какое-либо решение для дифференциации планшета и мобильного телефона? Или есть ли обходной путь для этого поведения Nexus? (Я говорю о веб-приложении, а не о нативном.)
1 ответ
Здравствуйте, я исправил эту проблему, используя медиазапросы для height @media (max-height: 615px){}, вы можете определить, используя высоту и ширину, и попытаться решить вашу проблему для меня, которая хорошо работает.