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 at
> http://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.
