Media query ipad vs iphone4

Question

I am using the media query in css to differentiate iphone and ipad

Here\'s my code:

/* iphone 3 */
@media only screen and (min-device-width : 320px)          


        

Answer 1

iOS does not currently support orientation:portrait and orientation:landscape.
Instead Apple currently uses the following:

Portrait
orientation:0
orientation:180 (not currently supported on iphone)

Landscape
orientation:90
orientation:-90

Ref: http://developer.apple.com/library/safari/#documentation/DataManagement/Reference/DOMWindowAdditionsReference/DOMWindowAdditions/DOMWindowAdditions.html