1. Add the user-scable=0 and maximum-scale=1.0 to your vieport tag to fix the automatically zoomed-too-far-in bug in iOS when changing to landscape view.
<meta name="viewport" content="width=max-device-width, width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0, " />
2. Next, set the text size adjust rule to media queries to turn off iOS's text resizing when changing the iPhone/iPad's orientation to landscape.
@media screen and (max-width: 767px) {
html { -webkit-text-size-adjust: none; }
}
