実現したいこと
Responsive Web Design Tutorial and Explanation の動画を真似てレスポンシブサイトを作成しようとしています。
htmlとcssを使用してPCファーストのサイトを作り終えたので、次にレスポンシブになるようにしたいです。
発生している問題
html
1<link rel="stylesheet" href="css/responsive.css" media="screen and (max-width: 900px)">
と書いたので、幅が900pxの前後で画面が切り替わると思っていたのですが、ディベロッパーツールで確認すると810px前後で切り替わってしまいます。
試したこと
html
1<link rel="stylesheet" href="css/responsive.css" media="screen and (max-width: 800px)">
とすると720pxで変化し、
html
1<link rel="stylesheet" href="css/responsive.css" media="screen and (max-width: 700px)">
とすると630pxで切り替わることが分かりました。
知りたいこと
なぜこのようなことが起こるのか。
補足情報(FW/ツールのバージョンなど)
エディタはATOMを、ブラウザはGoogle Chromeを使用しています。
回答1件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2019/03/22 01:32