Hello and welcome to our community! Is this your first visit?
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 2 of 2
  1. #1
    New to the CF scene
    Join Date
    Nov 2009
    Thanked 0 Times in 0 Posts

    Mobile Viewport Orientations initial-scale=1.0


    responsive website design testing on iPad portrait & landscape orientations with viewport width=device-width
    portrait version shows perfectly what one would expect for 768px
    landscape version (1024px) shows a mimic of the narrow portrait version and ignores the media query
    effectively blowing up the content and disregarding the extra available horizontal space
    is this really a default iOS behaviour? or an iOS bug?
    most android tablets act perfectly well for both orientations
    initial-scale=1.0 has been suggested by some but highly frowned upon by others
    can we come to an agreement about this for the sake of our common mental health?

    2 screenshots:

  • #2
    Senior Coder
    Join Date
    Jan 2011
    Thanked 605 Times in 604 Posts
    You have this:
    <meta id="p7PM3" name="viewport" content="width=device-width">

    Try this instead
    <meta name="viewport" content="initial-scale=1">
    I have not heard anything against it and if it works then you have your answer.
    Evolution - The non-random survival of random variants.

    "If you leave hydrogen alone, for long enough, it begins to think about itself."


    Posting Permissions

    • You may not post new threads
    • You may not post replies
    • You may not post attachments
    • You may not edit your posts