iphone development blog

Monday, November 26, 2007 @ 3:40 PM

Build it Yourself! - Add On...

How to build an iPhone site - part 1b

We haven't forgot those of you looking for information on horizontal, or landscape view specs for building their iPhone site or webapp.

You'll have to wait for a post that shows you how to build a site that accommodates both or utilizes different stylesheets. We're currently planning on posting that tutorial with an actual template for you to download and use. Coming Very Soon, we promise.

For now, if you prefer to build a site or application that is supposed to be utilized in landscape view, just copy the text below into your HTML - before the </head> tag and your ready to go.

<meta name="viewport" content="width=480; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;">


The script for removing the URL bar below works in either orientation of the iPhone or iPod Touch.

Also, we've put together the specs diagram for this view as well.

iPhone horizontal website specs
* the alternate content dimensions are if you hide the URL text field bar using the code above.

Labels: , ,


MindComet at 3:40 PM - View Post