CSS構文を調整したとき，不知道為什麼，解像度が携帯電話の解像度としてシミュレートされた後，このバージョンは、RWDが持つべき効果を示していません，最初は、@ media画面の構文が有効にならないと思いました，繰り返しテストした後，幅の文法が解像度比の変化に従わないことがわかった (すでに自動に設定されているか、最大幅を使用します)。後で、「Web開発者」モードを閉じようとしました”タッチシミュレーション”特徴，正常になります，なぜこのように影響するのかわかりません。
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" />
【參考連結】
- GoogleChromeで, タッチセンサーエミュレーションを無効にする機能はどこにありますか? – Quora
- Responsive Web Design 基礎 : 設定 | by Amdis Liu | Frochu | Medium
