css - 媒体查询未显示

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