The portrait view of iPhone shows normal font, but when viewing the site in landscape iPhone makes the font bigger. Here's a CSS fix for making the font size normal in iPhone landscape view:
@media screen and (max-width: 600px) and (orientation:landscape) {
  /* Adjust font size on landscape. */
  body { -webkit-text-size-adjust: none; }
The "-webkit-text-size-adjust:none", makes the font size normal. Just putting this in the main style sheet can muck up text re-sizing on desktop browsers though, so it's better to put it in Media Queries.


Submitted by ychaugule on