HTMLにCSSと多少のjavascriptでホームページを制作しているがレスポンシブの画面をと思い色々試行錯誤している。
javascriptとHTMLに関してはほぼ理解しているつもりだが、CSSについてはいまだどうしてこうなるのという局面にぶつかる。
特にレスポンシブのスタイルとなると一段とハードルが高くなる。
色々な資料や参考書によると一つのCSSファイルにスマホ用とPC用と記述する方法がほとんどである。
スマホのスタイルシートを修正するとPC用のスタイルも変わったりと面倒な事が発生したりして手こずっていた所、スマホ用とPC用にスタイルシートを別ファイルにする方法があることが分かった。
つまりレスポンシブとは画面の幅によってスタイルを変える手法だけど、画面の幅によりスタイルシートの読み込みを動的にかえるものでこれなら管理が楽になるのではと思い早速適用することにした。
色々な資料や参考書によると一つのCSSファイルにスマホ用とPC用と記述する方法がほとんどである。
スマホのスタイルシートを修正するとPC用のスタイルも変わったりと面倒な事が発生したりして手こずっていた所、スマホ用とPC用にスタイルシートを別ファイルにする方法があることが分かった。
つまりレスポンシブとは画面の幅によってスタイルを変える手法だけど、画面の幅によりスタイルシートの読み込みを動的にかえるものでこれなら管理が楽になるのではと思い早速適用することにした。