我的笔记本电脑得到了错误的媒体查询?

时间:2014-08-18 16:36:13

标签: css css3 responsive-design media-queries resolution

我正在使用以下6个媒体查询来回复网站:

@media screen and (max-width:479px) {...}
@media screen and (min-width:480px) and (max-width:600px) {..}
@media screen and (min-width:601px) and (max-width:720px) {...}
@media screen and (min-width:721px) and (max-width:980px) {..}
@media screen and (min-width:981px){..}
@media screen and (min-width:1281px){..}

我的视口:

<meta name="viewport" content="minimal-ui,width=device-width,initial-scale=1,maximum-scale=1,user-scalable=no">

但它无法正常工作,因为我有一台“hp 4530s”笔记本电脑,分辨率为1366 x 768(HD)。

所以我认为通过这个解决方案,我的笔记本电脑得到我的最后一次媒体查询@media screen and (min-width:1281px){..}是有道理的,但奇怪的是(至少对我来说)它得到我的倒数第二个媒体查询@media screen and (min-width:981px){..}

你明白为什么会这样吗?

0 个答案:

没有答案