Media-Abfrage funktioniert nicht, auch wenn es angewählt ist

Question

Unten ist meine CSS-Code und es funktioniert nicht für die Medien-Abfrage auf iPad-Gerät für nur Fall von Nav eine Auffüllung, während andere Code innerhalb @media Abschnitt neue CSS-Eigenschaften sind funktioniert gut für iPad Gerät.

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

Sie werden wahrscheinlich die Pseudo-Selektoren für die Anker hinzufügen:

nav a:link, nav a:visited {} 

Answer 2

Haben Sie diese Meta-Tags verwenden sind?

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