媒体查询无法正常工作

时间:2014-04-11 06:52:16

标签: ios css width media-queries

项目链接:

  

http://camilo.jacobercreative.com/

以下是预制的媒体查询,我不能也不允许遗憾地改变它们。然而,手头的问题是,设备选择较小的分辨率。我的意思是,如果设备应该从假设(最小宽度:992px)和(最大宽度:1200px)中选择css,它从(min-width:768px)和(max-宽度:991px)。希望这是有道理的,我似乎无法找到原因。

/*iPhone*/
@media screen and (max-width: 399px) {}

/*Big Phones Portrait and iPhone Portrait*/
@media (min-width: 400px) and (max-width: 639px) {}
/*Big Phones Landscape*/
@media (min-width: 640px) and (max-width: 767px) {}
/*Tablet Portrait*/
@media (min-width: 768px) and (max-width: 991px) {}
/*Tablet Landscape*/
@media (min-width: 992px) and (max-width: 1199px) {}
/*Medium Pcs*/
@media (min-width: 1200px) and (max-width: 1279px) {}
/*Less than equal to 1360*/
@media (min-width: 1280px) and (max-width: 1299px) {}
/*Full width pc*/
@media (min-width: 1300px) and (max-width: 1301px) {}

@media (min-width: 1302px) and (max-width: 1599px) {}

@media (min-width: 1600px) and (max-width: 1601px) {}

@media (min-width: 1602px) {}

1 个答案:

答案 0 :(得分:0)

我不小心点击了Ctrl + Plus,我在Firefox中的视图被放大了,我在iPad上测试,所以两次巧合让我相信媒体查询有问题。