我正在尝试在我的项目中使用这六个媒体查询:
@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)。
那里有人知道为什么会这样吗?