媒体查询未显示

Question

我有一个可以正常工作的移动设备的下拉菜单，我还为平板电脑设置了媒体查询，但代码略有不同。它的这部分代码在平板电脑屏幕宽度时根本不显示。 菜单下拉列表的默认设置为margin-top：52px;在样式表的第524行。 对于平板电脑，我设置了以下代码：

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

在样式表的第630行。这部分代码根本就没有实现过。 这是website我试图让它继续工作。

谢谢， Sohail

Answer 1

尝试使用min-device-width

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