知恵袋ユーザー

2020/7/13 17:40

11回答

HTML/CSSのレスポンシブ対応で、パソコンでブラウザを小さくした時には反映されるのに、Chromeのデベロッパーツールでスマホ表示にした時は反映されないのですが、どういった原因が考えられるでしょうか？

Google Chrome | HTML、CSS・120閲覧

ベストアンサー

oishii_mahou

2020/7/13 19:37

コードも何も提示されていないんで想像だけだけど、 その文面から考えられるのは↓これくらいだろうか。 ──────────────── 【 ビューポートの設定をしていない 】 メディアクエリだけ指定していて、 肝心のビューポートを指定していないから、 モバイルで表示したときに、 ビューポートの横幅（画面幅）がデフォルトの 980px になっているため、 メディアクエリで指定しているビューポート幅の範囲に含まれていない。 ────────────────

この回答はいかがでしたか？ リアクションしてみよう

知恵袋ユーザー

質問者2020/7/13 20:27

すみませんよく見たら綴りが間違ってて解決しました。