css3 - How to target media queries for Samsung tab 8.4 inch -

how target media queries samsung tab 8.4 inch. code

    @media (device-width: 800px) , (device-height: 1280px)

when first appearance media query getting affected. once changed orientation portrait landscape , again portrait, style not getting affected.

thanks in advance

i can't test solution on physical device, can play orientation:

landscape mode

@media screen , (max-device-width : 1280px) , (orientation : landscape) { /* styles landscape*/ }

portrait mode

@media screen , (max-device-width : 800x) , (orientation : portrait) { /* styles portrait*/ }

notice, different browsers (chrome, android native browser, firefox etc.) handle media queries in different way. example if use:

@media screen , (max-width : 480px)

it work on desktop chrome browser , on android smartphone browser, not on safari on iphone. make work on safari have use:

@media screen , (max-device-width : 480px)

the conclusion need test media queries on physical devices :) more information, check page: http://www.w3.org/tr/css3-mediaqueries/

WINAPI