css - 即使选择了应用，媒体查询也不起作用

Question

下面是我的 css 代码，它不适用于 ipad 设备上的媒体查询，仅适用于导航填充的情况，而@media 部分中的其他代码新的 css 属性适用于 ipad 设备。

nav a {
  padding:10px;
}

@media only screen and (min-device-width : 768px) and (max-device-width : 1024px)  { 

    nav a {
        padding:10px; <-- this code is deselected when I see using chrome developer tools, given that I selected ipad view.
    }
 }

编辑

<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />

Answer 1

您可能必须为 anchor 添加伪选择器:

nav a:link, nav a:visited {}