Отзывчивый Проектные работы в браузере не в ландшафтном Ipad

Question

@media only screen 
and (min-device-width: 980px) 
and (max-device-width: 1024px) 
and (orientation: landscape) 
and (-webkit-min-device-pixel-ratio: 1) { 
#menu { 
    display: none; 
} 

#mobile-nav { 
    display: block; 
    float: right; 
} 

#mobilemenu{ 
display:block; 
} 

#navigation-mobile{ 
    margin-left: 0px; 
    margin-right: 0px; 
    padding-left:0px; 
    padding-right:0px; 
} 
} 

Приведенный выше код, который я использовал для стиля списка на веб-странице работает в браузере, если я инспектировать элемент и использовать Google Chrome, чтобы увидеть изменения, но когда я пытаюсь тестирование на мой ipad в ландшафтном режиме элемент списка ломается, есть ли способ исправить это через медиа-запросы на ipad?

Answer 1

для Ipad в ландшафте использовать

@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : landscape) { /* STYLES GO HERE */}