Hello and welcome to our community! Is this your first visit?
Register
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
    Posts
    6
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Mobile Viewport Orientations initial-scale=1.0

    http://sinfronteras.edu.mx/p7/fine5.htm

    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
    Location
    Missouri
    Posts
    3,762
    Thanks
    23
    Thanked 548 Times in 547 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.


  •  

    Posting Permissions

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