PCのサイズに合わせてwebアプリケーションを作りました。
これをレスポンシブ対応にしたいと思っています。
全てのhtmlにviewpointのmetaタグを書き込んでいます。
html
1<meta name=”viewport” content=”width=device-width, initial-scale=1”>
cssは一つで、cssの中でメディアクエリを使って分岐しています。
chromeのディベロッパーツールでスマホサイズに変えても反応しません。
白のままです。
css
1@media screen and (max-width: 479px) { /*ウィンドウ幅が最大479pxまでの場合に適用*/ 2 3 body { 4 background-color: #000; 5 } 6}
レスポンシブ対応は初めてなんですが、書き方が間違っているのでしょうか。
回答1件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。