[Примечания] @media screen не работает в инструментах разработки браузера.

Когда я скорректировал синтаксис 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" />

 

【參考連結】

Оставить комментарий

Пожалуйста, обратите внимание: Комментарий умеренности включен и может задержать ваш комментарий. Существует нет необходимости повторно свой комментарий.