Css media-queries Galaxy Note 10.1 horizontal/landscape doesn't display -
i use mediaqueries target mobile , tab in order display 4 different images orientation & portrait. everything's fine on devices except on samsung galaxy note 10.1 n8010... mediaqueries don't work.
- bmh : image mobile landscape
- bmv : image mobile portrait
- bth : image tablette landscape
- btv : image tablette portrait
image displaying correctly in portrait (btv) doesn't display in landscape mode (bth)
"samsung galaxy note 10.1 n8010 800x1280"
/* ------------------------------ media queries ----------------------------------- */ @media (min-width:320px) , (orientation: portrait) { /* smartphones, iphone, portrait 480x320 phones */ .bmh{display:none;} /* .bmv{} */ .bth{display:none;} .btv{display:none;} } @media (min-width:481px) , (orientation: portrait) { /* portrait e-readers (nook/kindle), smaller tablets @ 600 or @ 640 wide. */ .bmh{display:none;} /* .bmv{} */ .bth{display:none;} .btv{display:none;} } @media (min-width:641px) , (orientation: portrait) { /* portrait tablets, portrait ipad, landscape e-readers, landscape 800x480 or 854x480 phones */ .bmh{display:none;} /* .bmv{} */ .bth{display:none;} .btv{display:none;} } @media (min-width:961px) , (orientation: portrait) { /* tablet, landscape ipad, lo-res laptops ands desktops */ .bmh{display:none;} .bmv{display:none;} .bth{display:none;} /* .btv{ } */ } @media (min-width:1025px) , (orientation: portrait) { /* big landscape tablets, laptops, , desktops */ .bmh{display:none;} .bmv{display:none;} .bth{display:none;} /* .btv{ } */ } @media (min-width:1281px) , (orientation: portrait) { /* hi-res laptops , desktops */ .bmh{display:none;} .bmv{display:none;} .bth{display:none;} /* .btv{ } */ } /* -------- landscape ----- */ @media (min-width:320px) , (orientation: landscape) { /* smartphones, iphone, portrait 480x320 phones */ /*.bmh{} */ .bmv{display:none;} .bth{display:none;} .btv{display:none;} } @media (min-width:481px) , (orientation: landscape) { /* portrait e-readers (nook/kindle), smaller tablets @ 600 or @ 640 wide. */ /*.bmh{} */ .bmv{display:none;} .bth{display:none;} .btv{display:none;} } @media (min-width:641px) , (orientation: landscape) { /* portrait tablets, portrait ipad, landscape e-readers, landscape 800x480 or 854x480 phones */ /*.bmh{} */ .bmv{display:none;} .bth{display:none;} .btv{display:none;} } @media (min-width:961px) , (orientation: landscape) { /* tablet, landscape ipad, lo-res laptops ands desktops */ .bmh{display:none;} .bmv{display:none;} /* .bth{} */ .btv{display:none;} } @media (min-width:1025px) , (orientation: landscape) { /* big landscape tablets, laptops, , desktops */ .bmh{display:none;} .bmv{display:none;} /* .bth{} */ .btv{display:none;} } /* media queries galaxy note 10.1 */ @media screen , (max-width: 1280px) , (orientation : landscape) { .bmh{display:none;} .bmv{display:none;} /* .bth{} */ .btv{display:none;} } @media (min-width:1281px) , (orientation: landscape) { /* hi-res laptops , desktops */ .bmh{display:none;} .bmv{display:none;} /* .bth{} */ .btv{display:none;} }
if has solution ?
thanks guys !
edit 16h46 : solved - simple mistake in code guess, here new one, seems work if can someone.
@media (min-width:320px) , (orientation: portrait) { /* smartphones, iphone, portrait 480x320 phones */ .bmh{display:none;} /* .bmv{} */ .bth{display:none;} .btv{display:none;} } @media (min-width:481px) , (orientation: portrait) { /* portrait e-readers (nook/kindle), smaller tablets @ 600 or @ 640 wide. */ .bmh{display:none;} /* .bmv{} */ .bth{display:none;} .btv{display:none;} } @media (min-width:641px) , (orientation: portrait) { /* portrait tablets, portrait ipad, landscape e-readers, landscape 800x480 or 854x480 phones */ .bmh{display:none;} /* .bmv{} */ .bth{display:none;} .btv{display:none;} } @media (min-width:961px) , (orientation: portrait) { /* tablet, landscape ipad, lo-res laptops ands desktops */ .bmh{display:none;} .bmv{display:none;} .bth{display:none;} /* .btv{ } */ } @media (min-width:1025px) , (orientation: portrait) { /* big landscape tablets, laptops, , desktops */ .bmh{display:none;} .bmv{display:none;} .bth{display:none;} /* .btv{ } */ } @media (min-width:1281px) , (orientation: portrait) { /* hi-res laptops , desktops */ .bmh{display:none;} .bmv{display:none;} .bth{display:none;} /* .btv{ } */ }
Comments
Post a Comment