-
1:ID:Lu8/oh · 2020-07-17

WEBデザイン超初心者です。

レスポンシブwebデザインに対応するコードを書き、確認したところ、デスクトップPCのブラウザでは特にエラーもなく、こちらの設定通りにレイアウトが切り替わりました。
(chromeやfirefoxなど複数のブラウザで確認しました)

しかしノートPCやスマホで見ると、レイアウトが崩れてしまいます。

どうしたらいいのでしょうか…

7 件の回答

2:ID:jqXQl8 · 2020-07-18

キャッシュを削除したら解決するかも

3:ID:2.Loyc · 2020-07-18

それだけの情報じゃわかりようもないが
メディアクエリの書き方が間違っとるんじゃないか

4:ID: · 2020-07-18

Re:2
ありがとうございます。キャッシュを削除しましたが変化しませんでした…

5:ID: · 2020-07-18

Re:3
ありがとうございます。そうですよね…。

768pxで切り替わるように設定しています。
(アット)media (min-width: 768px)
デスクトップPCだとちゃんと切り替わってくれるんです。

6:ID:2.Loyc · 2020-07-18

Re:3
viewportの設定とかかなぁ

7:ID:5DeSX0 · 2020-07-18

ソースも無しに答えれるわけないやんけ
なぞなぞか

8:ID:Pxnibn · 2020-07-19

おそらく「ノートPCやスマホで見ると、レイアウトが崩れる」でGoogle検索したら、何もヒットしないでしょ。質問が具体的じゃないから、具体的な結果は得られない。それはW3Qでも同じだよ。まずは、質問したいことを整理して、分かりやすくすることが先決だね。

コメントの受付は終了しました。

一緒に読まれている質問

ページ上部に戻る