css - My laptop is getting the wrong media query? -
i'm doing responsive website, using 6 media queries below:
@media screen , (max-width:479px) {...} @media screen , (min-width:480px) , (max-width:600px) {..} @media screen , (min-width:601px) , (max-width:720px) {...} @media screen , (min-width:721px) , (max-width:980px) {..} @media screen , (min-width:981px){..} @media screen , (min-width:1281px){..}
and viewport:
<meta name="viewport" content="minimal-ui,width=device-width,initial-scale=1,maximum-scale=1,user-scalable=no">
but not working correctly, because have "hp 4530s" laptop have 1366 x 768 ( hd ) resolution.
so think resolution, make sense laptop last media query @media screen , (min-width:1281px){..}
, strangely (at least me) getting penultimate media query @media screen , (min-width:981px){..}
do understand why may occurring?
Comments
Post a Comment