CSS Media Query – Soft-keyboard breaks css orientation rules – alternative solution?

by

I know this is a couple of years late but I found a great solution

For landscape media:

@media screen and (min-aspect-ratio: 13/9) { /* landscape styles here */}

And for portrait media:

@media screen and (max-aspect-ratio: 13/9) { /* portrait styles here */}

The full solution and why it works can be found here Michael Barret – Android browser challenges

Edit: this link is now expired, but a snapshot can be found on the internet archive: Michael Barret – Android browser challenges

More Related Contents:

  1. Media queries not behaving as expected on Android
  2. Background image jumps when address bar hides iOS/Android/Mobile Chrome
  3. Rendering HTML in a WebView with custom CSS
  4. Chrome on Android resizes font
  5. What kind of font files do I need for modern browsers, Android and IOS?
  6. inject CSS to a site with webview in android
  7. Android WebView renders blank/white, view doesn’t update on css changes or HTML changes, animations are choppy
  8. Disable scrolling in all mobile devices
  9. WebView, add local .CSS file to an HTML page?
  10. Android Chrome ignoring -webkit-text-size-adjust:none property. Text is being scaled when zoomed out
  11. Disable Android browser’s input overlays?
  12. Letting WebView on Android work with prefers-color-scheme: dark
  13. input field hidden when soft keyboard appears in phonegap
  14. Mobile Web – Disable long-touch/taphold text selection
  15. Google map signed api key errors in Android
  16. Move to another EditText when Soft Keyboard Next is clicked on Android
  17. How to use SearchView in Toolbar Android
  18. ListView subobject clickable confilct
  19. Android studio Gradle icon error, Manifest Merger
  20. PendingIntent works correctly for the first notification but incorrectly for the rest
  21. SQLite Android Database Cursor window allocation of 2048 kb failed
  22. How do I draw a route, along an existing road, between two points?
  23. CollapsingToolbarLayout subtitle
  24. changing screen brightness programmatically in android
  25. Can the Android emulator record and play back audio using pc hardware?
  26. Error: cannot find symbol method getDownloadUrl() of type com.google.firebase.storage.UploadTask.TaskSnapshot
  27. How to put a List in intent
  28. Widget not updated on launcher restart
  29. How to list additional external storage folders (mount points)?
  30. (How) Can an android virtual device use the local computer’s internet?

Leave a Comment