iGetSimple iPhone version (Beta version available)

[Zegnåt]

Thanks for showing me what happens in the actual iPhone.

I think you might not want the iPhone to zoom the page in horizontal view. As you are designing specifically for the iPhone there is no need to resize anything, it just makes things fuzzier.

I think something to experiment with would be:

Code:

<meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0;">

As the design should fit the iPhone perfectly this is telling the iPhone only to have a viewport exactly the size of the iPhone itself. As a little extra it also sets the scale to 1. You will probably want to test this but my guess would be this fixes the zoom in horizontal view.

As a side effect you would probably want to add this to the CSS for the body:

Code:

-webkit-text-size-adjust:none;

This will tell the browser not to adjust the text size when you switch from vertical to horizontal. You design for the iPhone so there is no need to change the font-size. This will also gaurantee the viewer gets more content when going horizontal instead of just getting some zoom-effect.