Запрос на мультимедиа не работает, даже если он выбран.

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