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

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

您可能需要为锚点添加伪选择器：

nav a:link, nav a:visited {}

Answer 2

你用过这些元标签吗？

<meta name="viewport" content="width=device-width, user-scalable=no">
        <meta name="viewport" content="width=device-width, initial-scale=1.0" />
        <meta name="apple-touch-fullscreen" content="YES"/>

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

Media query is not working even it is selected applying

css

media-queries