Question

So I have made a website built for vertical orientation on the iPhone with the MobileBoilerplate framework. It’s 320px wide and looks great in vertical orientation.

But, when you turn the iPhone sideways, now there are about 100px of white space on the right-hand side. I’d like to have the viewport zoom in so the 320px design fills up the whole space.

Any suggestions? Thanks so much!

-Brad

Answer 1

Use a meta tag:

<meta name="viewport" content="width=device-width,initial-scale=1,user-scalable=no" />

This sets up the view port so it expands its width to fill the current screen dimensions.