Когда я скорректировал синтаксис CSS,不知道為什麼,После того, как разрешение моделируется как разрешение мобильного телефона,Версия не показывает тот эффект, который должен иметь RWD,Сначала я подумал, что синтаксис экрана @media не действует,После повторного тестирования,Было обнаружено, что грамматика ширины не следовала изменению коэффициента разрешения. (Уже установлено значение auto или использовать max-width)。Позже я попытался закрыть режим «Веб-разработчик»”Сенсорное моделирование”Характеристики,Будет нормально,Я не знаю, почему это так влияет。
Firefox
Включите имитацию касания
Отключить имитацию касания
край (хром) Метод регулировки
1. точка "…"
2. Выберите «Добавить тип устройства».
1. Выбор типа устройства «Адаптивный»
2. В "типе устройства" из “Мобильный” Изменена “Рабочий стол” к。
《2024/02/23 更新》
後來找出原因,網站在 HTML Head 有定義 viewport 的 meta tag,如下:
<meta name="viewport" content="width=device-width" />
但沒有定義 initial-scale 比例,因此補上就可以了。
<meta name="viewport" content="width=device-width, initial-scale=1" />
【參考連結】
- В Google Chrome, где есть возможность отключить эмуляцию сенсорного датчика? – Quora
- Responsive Web Design 基礎 : Набор | by Amdis Liu | Frochu | Medium