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

Popular posts from this blog

php - Permission denied. Laravel linux server -

google bigquery - Delta between query execution time and Java query call to finish -

python - Pandas two dataframes multiplication? -