Force iPhone web app to landscape mode

iphone safari landscape mode
tom barnes picture tom barnes · Mar 13, 2009 · Viewed 7.8k times · Source

How do you force an iPhone web app (not a native app) into landscape mode?

Answer

user141682 picture user141682 · May 26, 2010

I don't know how to force it on startup, but I found a neat way to make your content scale correctly when changing from Portrait to Landscape, especially if you're using canvas.

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

So, as soon as your user flips the phone to landscape mode, your page will appear in the correct scale.

Related questions

HTML5 Video tag not working in Safari , iPhone and iPad

I am trying to create an html5 web page in which there is a small video like 13s , I converted the flash version of this video into 3 format : .ogv using fireFogg , .webm using firefogg also and .mp4 using HandBrake application …

Read More
How to disable phone number linking in Mobile Safari?

Safari on iPhone automatically creates links for strings of digits that appear to the telephone numbers. I am writing a web page containing an IP address, and Safari is turning that into a phone number link. Is it possible to …

Read More
Does overflow:hidden applied to <body> work on iPhone Safari?

Does overflow:hidden applied to <body> work on iPhone Safari? It seems not. I can't create a wrapper on the whole website to achieve that... Do you know the solution? Example: I have a long page, and simply …

Read More