我的媒体查询效果不佳

时间:2014-05-06 01:22:47

标签: html5 css3 media-queries

我正在尝试在我的项目中使用这六个媒体查询:

@media screen and (min-width:320px) {} //for small mobiles and large mobile in portrait
@media screen and (min-width:480px) {} //larg mobiles and mobiles in landscape
@media screen and (min-width:600px) {} //for small tablets
@media screen and (min-width:768px) {} //for normal tablets
@media screen and (min-width:1024px) {} //for normal tablets, laptop, desktop
@media screen and (min-width:1281px) {} //large laptop, desktop

但是发生了一些奇怪的事情,只有我的第一个媒体查询工作正常;其他人不工作,其他工作合并。例如,在我的@media screen and (min-width:1281px)媒体查询中,我的结果是此媒体查询的页眉和页脚以及媒体查询的正文(最小宽度:480px)。

那里有人知道为什么会这样吗?

0 个答案:

没有答案