我正在使用以下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){..}
你明白为什么会这样吗?