Когда я скорректировал синтаксис CSS，不知道為什麼，После того, как разрешение моделируется как разрешение мобильного телефона，Версия не показывает тот эффект, который должен иметь RWD，Сначала я подумал, что синтаксис экрана @media не действует，После повторного тестирования，Было обнаружено, что грамматика ширины не следовала изменению коэффициента разрешения. (Уже установлено значение auto или использовать max-width)。Позже я попытался закрыть режим «Веб-разработчик»”Сенсорное моделирование”Характеристики，Будет нормально，Я не знаю, почему это так влияет。
Firefox
Включите имитацию касания
Отключить имитацию касания
край (хром) Метод регулировки
1. точка "…"
2. Выберите «Добавить тип устройства».
1. Выбор типа устройства «Адаптивный»
2. В "типе устройства" из “Мобильный” Изменена “Рабочий стол” к。
《Обновление 23.02.2024》
Позже я узнал причину，На веб-сайте есть метатег, который определяет область просмотра в заголовке HTML.，следующее：
<meta name="viewport" content="width=device-width" />
но соотношение начального масштаба не определено，Так что просто компенсируй это。
<meta name="viewport" content="width=device-width, initial-scale=1" />
【參考連結】
- В Google Chrome, где есть возможность отключить эмуляцию сенсорного датчика? – Quora
- Основы адаптивного веб-дизайна : Набор | Амдис Лю | Фроч | Середина
