Проблема ориентации медиазапроса на программной клавиатуре и проблема ориентации iPad

Question

Я установил свои медиазапросы на:

@media screen and (min-device-aspect-ratio: 1/1) and (orientation: landscape) {
  // code here
}

@media screen and (max-device-aspect-ratio: 1/1) and (orientation: portrait) {
     // code here
    }

Мне пришлось включить device-aspect-ratio, чтобы компенсировать изменение ориентации, вызванное программной клавиатурой в Chrome Mobile.Он работает достаточно хорошо, но при тестировании на iPad я обнаружил, что при переключении его в альбомный режим, он придерживается показа стилей портрета вместо пейзажа.

Он работает на iPad в альбомной ориентации, когда я удаляю min-device-aspect-ratio для стилей альбомной ориентации, но затем это приводит к изменению ориентации с портретной на альбомную ориентацию в мобильном представлении Chrome с помощью мягкой клавиатуры.Кто-нибудь знает какие-либо медиа-запросы для учета обеих этих ситуаций?

Answer 1

что происходит, когда вы переключаете его?т.е.

@media screen and (orientation: landscape) and (min-device-aspect-ratio: 1/1) {
   // code here
}