Can any one explain this one to me.
I'm building a child theme off the twenty twelve theme. When I view the site on an ipad the background was being cut off and the screen was rendering like it was around 760px wide not 1024?
I thought it was something to do with my css but this happens on the un-edited twentytwelve theme as well.
In the header I changed <meta name="viewport" content="width-device-width" /> to
<meta name="viewport" content="initial-scale=1" /> and now the ipad version renders how it should. Can someone explain why it was shrinking the screen to around 760px when the ipad width is 1024?