Невозможно адаптировать навигационную панель Navbar с помощью медиазапросов.

Question

Когда я пытаюсь поместить их в другой порядок, кажется, что он изменится, есть ли в нем какой-то определенный c порядок? Вот код моего медиазапроса:

    @media only screen and (min-width:700px){
        header{
            height: 8rem;  
        }

        .nav-brand{
            width: 3.5rem;
        }

        .nav-list{
            width: initial;
            height: initial;
            background-color: transparent;
            position: initial;
            top: initial;
            right: initial;
            flex-direction: row;
            transition: initial;
        }

        .menu-icons{
            display: none;
        }

        .nav-item{
            margin: 0 2.5rem;
        }

        .nav-link{
            color: #000000;
            position: relative;
            font-size: 1.3rem;
        }
}

Answer 1

Это просто навигационная панель, которая не отвечает на медиа-запрос, или это весь сайт?

Я забыл вставить метатег viewport один или два раза. Так как это обычно обрабатывается платформами и платформами CMS, которые я использую. Так что, возможно, стоит проверить. : -)

<meta name="viewport" content="width=device-width, initial-scale=1">

Посмотрите веб-документы MDN; https://developer.mozilla.org/en-US/docs/Mozilla/Mobile/Viewport_meta_tag

Или CSS Трюки; https://css-tricks.com/snippets/html/responsive-meta-tag/