CSS3: Detecting device orientation for iPhone

Question

So this declaration works fine for iOS 4 and 4.1, but not for older versions. Any advice?

@media screen and (device-width:320px) and (orientation:portrait) {
    /* iPhone Portrait Styles Here*/
}

@media screen and (device-width:320px) and (orientation:landscape) {
    /* iPhone Landscape Styles Here*/
}

Answer 1

we use javascript to do this, in a similar way to this:

http://stackoverflow.com/questions/2323281/can-js-jquery-determine-the-orientation-of-the-iphone