Chrome devtools не показывает правильную ширину
Я пытался создать адаптивную страницу, поэтому я хотел, чтобы она действовала по-другому в мобильных браузерах, поэтому я добавил несколько кодов @media и понял, что это не работает, и обнаружил, что ширина, которую я даю странице -в адаптивном режиме в chrome devtools - это не ширина страницы. Я перечитываю свой код снова и снова и не могу найти, что с ним не так. 2 ширины не совпадают
просто введите адрес в адресную строку братан ...! это не localhost ...!
Что ты хочешь сделать? Ваши медиа-запросы отлично работают с заданной вами шириной. Скриншот здесь
Пожалуйста, прочтите Как спросить и минимальный воспроизводимый пример. Код, относящийся к вашему вопросу, принадлежит непосредственно в вашему вопросу. // Предположим, что в этом случае вы, вероятно, захотите ознакомиться с метасвойством viewport.
Пожалуйста, добавьте сюда содержательный код и описание проблемы. Не делайте ссылку на сайт, который нужно исправить - в противном случае этот вопрос потеряет всякую ценность для будущих посетителей, как только проблема будет решена или если сайт, на который вы ссылаетесь, станет недоступным. Отправка Минимальный, полный и проверяемый пример (MCVE), демонстрирующего вашу проблему, поможет вам получить более точные ответы. Для получения дополнительной информации см. Что-то на моем веб-сайте не работает. Могу я просто вставить на него ссылку? Спасибо!
Ответы 1
Вы забыли добавить тег, чтобы он реагировал:
<meta name = "viewport" content = "width=device-width, initial-scale=1">
Вы неправильно поняли вопрос. Я не ищу запросы @media. Они у меня уже есть. просто не работает!
Вы забыли добавить метатег, чтобы сделать его отзывчивым
Я люблю тебя, чувак, я люблю тебя!
это не решает проблему напрямую. если вы менять масштабируете, а затем изменяете его обратно, он заставляет хром обновляться с правильным масштабированием и размерами в мобильном представлении инструментов разработчика.
Пожалуйста, предоставьте нам код, а не ur localhost