В настоящее время я работаю над своим портфолио на сайте React.Я делаю проект адаптивным, поэтому я добавил следующий метатег в файл index.html внутри тега head:
<meta name="viewport" content="width=device-width, initial-scale=1.0">
Адаптивный дизайн работает на моем телефоне и в инструментах разработчика Google Chrome в разделе отзывчивый;однако, когда страница находится в режиме рабочего стола, адаптивный дизайн не работает.Я работаю с Google Chrome версии 70.0.3538.110 (официальная сборка) (64-разрядная версия).Я пытаюсь интегрировать вкладку меню с реагирующим ремешком, когда устройство имеет максимальную ширину 800 пикселей.Снова на моем телефоне отображается меню реагирования.
компонент navbar, включая реагирующий на пакет npm
отзывчивый стиль CSS с медиазапросами
Панель навигации, работающая с адаптивными инструментами разработки
Панель навигации не работает в обычном Google Chrome