メディアクエリーが選択されていても動作していません

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

EDIT

<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"/>