Fixing iPhone orientation for mobile web sites

February 21st, 2012

You need to put the following code in the header:

‹meta content=’minimum-scale=1.0, width=device-width, maximum-scale=1.0, user-scalable=no’ name=’viewport’ /›

From what I read this zeros out the minimum and maximum scale for the iPhone orientation. Also you should use this css property to control the scaling of the fonts.

-webkit-text-size-adjust:none;


Leave a Reply

Your email address will not be published. Required fields are marked *