媒体查询未显示

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; }
  }