IPad - “Enlarged” on Portrait Rotation

Question

I am sure this was asked, but I did not find the answer.

I use several style sheets for different sizes of viewports to orient iPad in portrait / landscape view.

When I rotate the iPad, it loads the correct style sheet for the portrait, however it does not automatically resize to fit the screen correctly. I have to zoom out so that the page appears at full width.

Is there a way to fix this so that when the iPad rotates between landscape / portrait, it centers the page again?

Answer 1

I had the same problem and this metatag solved the problem:

<meta name="viewport" content="user-scalable=yes, minimum-scale=0.75, maximum-scale=3.0" /> 

You may need to adjust your site a bit.

Or go to the Apple documentation Configuring Viewport .