We all know you can prevent Safari auto-scaling when you switch to
landscape with something like this:
<meta name="viewport" content="initial-scale = 1.0, minimum-scale=1.0,
maximum-scale=1.0, user-scalable = no" id="viewport" />
That works fine*, but what I am seeing, is that if I apply CSS 2D
transforms to an element (e.g. translate()) while in landscape, that
element becomes scaled up (although it keeps it's width), but the rest
of the page doesn't (and neither do the buttons in the element). It
then stays scaled up if you switch back to portrait (but again has the
correct width - 320px in portrait).
Anyone know what's going on or how to fix it? I can make a demo page
if that helps.
*For some reason, I need document.getElementById('elid').style.display
= 'block'; on the page load for it to catch body[orient="portrait
+landscape"] #elid heights.
--
You received this message because you are subscribed to the Google Groups
"iPhoneWebDev" group.
To post to this group, send email to [email protected].
To unsubscribe from this group, send email to
[email protected].
For more options, visit this group at
http://groups.google.com/group/iphonewebdev?hl=en.
