Media query not working on Mobile . Css -

i know it's long going one, have media query landscape. works fine on chrome emulator etc.. when on iphone , android, media query not kicking in.

@media screen , (orientation:landscape) , (max-height: 414px) {     #flip-container {         display: block;     }     .text {         display: none;     }     .nav {         display: none;     }     .logo {         display: none;     } } 

can specify

@media screen , min-width: xxx px ,  max-width: xxx px ,  , (orientation:landscape) { //your css code  } 

and iphone , use xcode simulator , test there check if there issue it. sometimes, of times, chrome emulator doesn't work right.

as as, if u trying target specified ipad, u can use ipad media queries.