レスポンシブ対応にならない…
そもそも検証ツールにも表示されてない…なぜ？
結論、すごい小さなミスをしていた。
index.html
<meta name="viewport" content="width=device-width,initial-scale=1.0">
ここは問題ないです。
レスポンシブ対応できなかったときのコード
style.css
@media screen and(max-width: 600px) {
.main-visual {
height: 300px;
}
}
レスポンシブ対応できたときのコード
style.css
@media screen and (max-width: 600px) {
.main-visual {
height: 300px;
}
}
andの後ろに半角スペースを入れないと機能しないんですね
↧