媒体查询没有显示

Question

我有一个移动设备的下拉菜单工作正常，我也设置了平板电脑的代码稍有不同的媒体查询。它的这部分代码在平板电脑屏幕宽度上没有显示出来。 菜单下拉菜单的默认设置为margin-top：52px;样式表中的第524行。 因为我已经设置了下面的代码片：

@media only screen and (min-width: 481px) { 
    .flexnav-show { 
    margin-top: 0px; } 
} 

在样式表线630。这部分代码从来没有实现过。 这是website我试图让它工作。

感谢， 苏海尔

Answer 1

尝试使用min-device-width

@media all and (min-device-width: 481px) { 
    .flexnav-show { 
    margin-top: 0px; } 
    }