[twenty twelve] viewport content width

  • 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?

    thank you

Viewing 2 replies - 1 through 2 (of 2 total)
  • Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    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?

    Check whether this issue persists on the theme’s demo website.

    If it doesn’t, can you link your webpage?

    Thread Starter funkycamel

    (@funkycamel)

    Hi Andrew

    I can’t tell on the theme demo page. Basically I had a background image that played a big part in the design and that’s how I could tell it wasn’t rendering to the correct size.

    I’ve since modified the header viewport code to :

    <meta name=”viewport” content=”width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1″>

    and this sorts it. I’ve built 4 or 5 child themes from the twentytwelve theme but never noticed this. Probably due to the backgrounds i’ve been using and having no basis for size

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘[twenty twelve] viewport content width’ is closed to new replies.