Медиа запросы | CSS

[asmodeusowner 0]

День добрый. С помощью видео курса осваиваю медиа запросы - адаптация под мобильную версию только на CSS, навигация HTML.
Проблема следующая - адаптация работает когда я открываю сайт в окне и на своей операционной системе самостоятельно меняю размер окна, но при этом не работает в режиме разработчика, когда я выбираю просмотр с устройства, в моём случае это был iPad, и при этом автор в видео курсе демонстрирует работу медиа запросов именно там. Я попробовал перенести веб-страницу на свой телефон и открыть её в браузере - адаптивная версия там тоже не сработала. Видео за январь 2020, у автора Chrome - у меня тоже, разве что у него Mac, у меня Windows. Что это за магия такая и в чём заключается проблема?

Медиа запрос, который использовал автор видео и он работал в режиме разработчика, эмуляции просмотра с iPad

@media screen and (max-width: 800px) {
    nav ul {
        position: fixed;
        right: 0;
        top: 0;
        width: 100%;
        height: 100vh;
    }
}

 

 

[npofopr 420]

Попробуйте сделать тестовый элемент. И к нему любой медиа-запрос присвоить. 
Например цвет сменить. 

Возможно проблема в другом. 
В остальном, обычный media. Всё должно работать. 

Я кстати пишу без screen, сразу @media(max-width ...