Yep am aware of those issues and did mention in the article this
technique does rely on the meta viewport tag to be set to a min/max
scale of 1. You could scale the values from there if your min/max
scale is higher.
Firefox has added the media query orientation for making it work on
desktop browsers and doesn't rely on fixed values e.g. @media all and
(orientation:[landscape/portrait]) { }
Haven't tested it since the 3.1 update for the iPhone but that would
be the ideal solution. My way is a work around until that media query
is supported.
-Ryan
On Oct 13, 4:47 am, Sean Gilligan <[email protected]> wrote:
> Ahrjay wrote:
> > I did a article on detecting iPhone orientation,
> >http://www.thecssninja.com/css/iphone-orientation-css, it uses CSS3
> > media queries.
>
> Nice article and example. I didn't know that it was (theoretically)
> possible to detect orientation with media queries.
>
> Your example, though, has two problems in my opinion: (1) It assumes an
> iPhone screen width of 320 px, and (2) it doesn't work on desktop
> browsers - pretty much a corollary of reason 1.
>
> -- Sean
--~--~---------~--~----~------------~-------~--~----~
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
-~----------~----~----~----~------~----~------~--~---
