Mobile Viewport Orientations initial-scale=1.0

  • escocia1
  • Born
  • Born
  • escocia1
  • Posts: 3

Post 3+ Months Ago

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:
sinfronteras .edu .mx/p7/portrait.gif
sinfronteras .edu .mx/p7/landscape.gif
  • roarmeow
  • Professor
  • Professor
  • User avatar
  • Posts: 859
  • Loc: BKNY

Post 3+ Months Ago

As far as I know, if you want to use initial-scale=1.0, iOS is going to have this behavior. That said, there are a number of 'fixes' using JavaScript out there.

There is a fix out there that should do the trick, though... I think it's even being used by jQuery mobile - I haven't used it myself, but check it out:

Post Information

  • Total Posts in this topic: 2 posts
  • Users browsing this forum: No registered users and 18 guests
  • You cannot post new topics in this forum
  • You cannot reply to topics in this forum
  • You cannot edit your posts in this forum
  • You cannot delete your posts in this forum
  • You cannot post attachments in this forum

© 1998-2017. Ozzu® is a registered trademark of Unmelted, LLC.