2023年04月08日
【見た目崩れの原因追及！】検証ツールの使い方
Lesson10
HTML/CSS
みなさん、検証ツールは使われていますか？
制作を進めていくと、知らず知らずのうちに見た目が崩れてしまうことがあると思います。
直したくても何が原因か分からない…とお悩みの方、必見です！
うぇぶくり内では、スマホ版のレイアウトを確認するために少し出てきましたが、それ以外にも便利な機能があるんです！
今回は、そちらをご紹介します！
といっても、できることがたくさんあるので、ここでは書ききれません…。
そこで、丁寧な説明が載っている記事を発見したので、以下のURLをぜひご覧ください！
ちなみに、出来ることをざっと並べると、こんな感じです。
・各デバイスでWebページがどう見えているかが分かる
・レイアウト崩れの原因がわかる
・どのスタイルが適用されているのかが分かる（SP設定時に便利です！）
・HTML/CSSの編集ができる（上書きはされない）
この検証ツールを使いこなして、コーディングのスピードを跳ね上げましょう！
参考url
さかい
コメントする
コメント（全0件）