ブログ
勉強して学びを得たときの疑問や改善点などを日々記録しています。
是非ご参考までに覗いてみてください。
コーディングテスト10
授業について
WEBデザイナー、WEBクリエイターを目指そうとしている皆さまに、コーディング基礎知識問題の第10問目です！この問題が最終問題となります！
ぜひ、チャレンジしてみてください！
コーディング問題その10
メディアクエリを、960px以下になったらレイアウトが変わるように正しく記述したが、ブラウザの幅を960px以下に狭めてもCSSが適用されません。
CSSの記述に間違いがない場合、他に考えられる理由とは何があるでしょうか？
正解は・・・
メディアクエリが適用されず、CSSの記述にも間違いが見当たらない場合、HTML側にviewportの指定を入れているか確認しましょう。
viewportの指定がない場合、メディアクエリがうまく適用されません。特にブラウザの開発者ツールのとき、メディアクエリが適用されない場合は、viewportの確認は必須です。
以上で、コーディング問題は終了となります！
WEBデザイナー、WEBクリエイターを目指そうとしている皆さま、コーディングはまだまだ奥が深いのでいろいろとチャレンジしながら頑張ってまいりましょう！
この記事を書いた人
-
へけ -
くりぷろスタジオの中では一番の年長者です。毎日、一緒に働いている皆様たちに助けられています。一見、しっかり者ですが年相応のうっかりも時々あります。とにかく、寝ることが楽しみです。平穏に毎日が過ごせたらいいなぁと思っています。