3 media queries for iphone portrait, landscape and ipad portrait

Question

I have tried the different combinations of width & device-width but on the iPhone in landscape this code never turns the background red;

I

Answer 1

i tried this by using Om's solution in a diff. way it worked for me, hope it helps someone

@media only screen and (max-device-width:1024px) and (orientation: portrait)     {
    /*style*/    
    }
@media only screen and (max-device-width: 1024px) and (orientation: landscape)  {
    /*style*/
}