Preserve HTML font-size when iPhone orientation changes from portrait to landscape

by

You can disable this behavior through the -webkit-text-size-adjust CSS property:

html {
    -webkit-text-size-adjust: 100%; /* Prevent font scaling in landscape while allowing user zoom */
}

The use of this property is described further in the Safari Web Content Guide.

More Related Contents:

  1. Comparison between Corona, Phonegap, Titanium
  2. HTML character decoding in Objective-C / Cocoa Touch
  3. position: fixed doesn’t work on iPad and iPhone
  4. Objective C HTML escape/unescape
  5. parsing HTML on the iPhone [closed]
  6. Autoplay audio files on an iPad with HTML5
  7. iPhone 5 CSS media query
  8. iPhone WebKit CSS animations cause flicker
  9. :active pseudo-class doesn’t work in mobile safari
  10. Does overflow:hidden applied to work on iPhone Safari?
  11. Do iPhone / Android browsers support CSS @media handheld?
  12. Detect iPhone/iPad purely by css
  13. How can I autoplay media in iOS >= 4.2.1 Mobile Safari?
  14. How to set viewport meta for iPhone that handles rotation properly?
  15. How to cache content in UIWebView for faster loading later on?
  16. Link to resources inside WebView – iPhone
  17. Background image not showing on iPad and iPhone
  18. CSS submit button weird rendering on iPad/iPhone
  19. Fix font size issue on Mobile Safari (iPhone) where text is rendered inconsistently and some fonts are larger than others?
  20. Opening Native App. from Safari
  21. Font size rendering inconsistencies on an iPhone
  22. Limit of localstorage on iPhone?
  23. Objective-C: How to replace HTML entities? [duplicate]
  24. iOS WebView remote html with local image files
  25. Error: Whitelist rejection in Phonegap
  26. How do I hide the address bar on iPhone?
  27. Getting iPhone GO button to submit form
  28. Access Camera through iPhone Web App
  29. Html5 cache manifest in a UIWebView?
  30. How do I put a clear button inside my HTML text input box like the iPhone does?

Leave a Comment