iPad and iPhone Adding Extra CSS Margin to Right Side of Window

<rant>I feel like I am starting from scratch every time I load a website I am building on the iPhone or iPad. Standards or no, there are some funky things that happen on those devices.</rant>

Most recently, I have been wrestling with the fact that the iPad and iPhone seem to randomly add margins to the right of my content. After all sorts of late nights and code hacking, I finally discovered that I can define the width of the browser (as viewed by iPad and iPhone). Just add something like the following to the head of your html document (or WordPress theme):

<meta name="viewport" content="width=1000px">

Onward and upward…hopefully…

Posted in

Toby Cryns

Toby Cryns is a freelance CTO, expert WordPress consultant, and teacher.

He offers free advice to improve your freelance biz.

He also publishes small droppings every now and then to twitter.com/tobycryns and twitter.com/themightymo

Follow Toby's contributions on Github and WP.org.