But luckily he's developing a site for the iPhone ;) so....pass. Anyway enough with petty answers.
A solution that is viable and forward thinking would be to avoid min/ max-width media queries if you are delivering this CSS to more than just the iPhone and go with the orientation:portrait/landscape media queries instead. That way regardless of device dimensions when support it added it will correctly change depending on orientation. In the meantime, as Remi suggested earlier, use the orientation events to detect change for the iPhone. --Ryan On Feb 23, 12:11 am, Remi Grumeau <[email protected]> wrote: > Which would result to a landscape mode on any other device than the iPhone … > fail. > iPhone, HTCs and Palm are 320 px width > Moto Droid, Bada Wave, SE Xperia, BB Curve, Nexus One, Nokia N900 ... is/will > be 480 px width > > width / height is definitely the most reliable way to know for sure > > Remi > > Le 22 févr. 2010 à 01:31, Ahrjay a écrit : > > > You don't need JavaScript to detect orientation on the iPhone or any > > other smart phone that supports CSS3 media queries (Anroid, Fennec, > > Opera Mobile). > > > /* Portrait*/ > > @media screen and (max-width: 320px) and (orientation:portrait) > > { > > // Portrait Styles > > } > > > /* Landscape */ > > @media screen and (min-width: 321px) and (orientation:landscape) > > { > > // Landscape Styles > > } > > > Full article here -http://www.thecssninja.com/css/iphone-orientation-css > > > On Feb 20, 11:44 pm, deset45 <[email protected]> wrote: > >> Hello > > >> Im new to developing sites for the iphone. > > >> What i need is a way to change the layout or unhide if possible > >> certain objects when the user changes from portrait to landscape etc > > >> For example, in portrait, it would be like this in portrait mode (I > >> hope the layout is the same when it gets posted lol): > >> ---------------------------------------------------------- > >> Main title .png > >> ---------------------------------------------------------- > > >> whatever > > >> whatever2 > > >> whatever3 > > > >> ---------------------------------------------------------- > > >> but then when the user rotates to landscape: > >> main banner is replaced, and a button is unhidden. > >> ---------------------------------------------------------------------------------------------- > >> Larger alternatiive Main title .png (Button/anythingelse.png ) > >> ---------------------------------------------------------------------------------------------- > >> whatever > > >> whatever2 > > >> whatever3 > > >> ---------------------------------------------------------------------------------------------- > > >> Is it possiible to do this, or would it be much easier to just have > >> some sort of code that detects if the user is in portrait mode and > >> notifys them to rotate to landscape OR just force the viewing to come > >> out landscape somehow. > > >> Can anyone help, and possible expand on their answer as Im more into > >> the graphic side of websites rather than coding > > >> Thanks > > >> James > > > -- > > 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 > > athttp://groups.google.com/group/iphonewebdev?hl=en. > > -- 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.
