home pageのプログラミング

ＨＴＭＬにＣＳＳと多少のｊａｖａｓｃｒｉｐｔでホームページを制作しているがレスポンシブの画面をと思い色々試行錯誤している。

ｊａｖａｓｃｒｉｐｔとＨＴＭＬに関してはほぼ理解しているつもりだが、ＣＳＳについてはいまだどうしてこうなるのという局面にぶつかる。

特にレスポンシブのスタイルとなると一段とハードルが高くなる。

色々な資料や参考書によると一つのＣＳＳファイルにスマホ用とＰＣ用と記述する方法がほとんどである。
スマホのスタイルシートを修正するとＰＣ用のスタイルも変わったりと面倒な事が発生したりして手こずっていた所、スマホ用とＰＣ用にスタイルシートを別ファイルにする方法があることが分かった。
つまりレスポンシブとは画面の幅によってスタイルを変える手法だけど、画面の幅によりスタイルシートの読み込みを動的にかえるものでこれなら管理が楽になるのではと思い早速適用することにした。