- ベストアンサー
PCとスマホでデザインを変える方法
- CSSは複数の外部CSSを用意して画面サイズごとに振り分ける方法と、1つのCSSファイルの中ですべて指定する方法があります。PCサイトとスマホサイトでがっつりデザインを変えたい場合は外部CSSを、部分的に替えるなら1つのCSSで管理した方が使い勝手がいいと思います。
- 色はＰＣとスマホで同じで文字のサイズやテーブルの幅だけを変えたい場合は「PCサイトとスマホサイトでがっつりデザインを変えたい場合」と「部分的に替える」のどちらに該当するのでしょうか？
- みんなの回答 （1）
- 専門家の回答
質問者が選んだベストアンサー
どうでもよいことを長々と書いてしまいましたので、先に結論から言いますと、「どちらでもよい」です。 一つにまとめても、ふたつに分けても、結果は変わりません。変わってくるのは、CSSの管理のしやすさです。ですから、質問者さんが管理しやすいと思う方法で自由に書けばよいと思います。 さて、ここからは補足的なことを書きますので、興味があれば読んでみてください。 まず、 該当記事は2年以上前のものですが、Web関連の技術・ノウハウは、2年も経てば、古く(適切でなく)なってしまうことが多いです。今回の質問内容に関わらず、web関連の情報を探す際は、「いつ書かれたものなのか」に注視するとよいです。新しければ新しいほどよいですが、出来る限り、1年以内に書かれたものをおすすめします。もちろん、本屋で云千円で売っている書籍にも同じことが言えますので、慎重に情報を選択してください。 それから、 語弊を恐れずにいえば、ホームページ制作は誰にでもできます。しかしながら、日曜大工的にやってる一般の方と、それを本業にしている方とでは、やはり、いろいろとノウハウや方法論が変わってきます。質問者さんがどういう立場の方で、どれくらいの専門性を持たれた方なのかは存じませんが、手にしている情報が「誰に向けて書かれた情報なのか」ということに気にしてみるとよいかもしれません。ちなみに、該当記事は明らかに一般の方に書かれている内容なので、それを本業にしている人には該当しない箇所もあるかもしれません。 ここから、 少しだけ話しを掘り下げると、5年ぐらい前までは、CSSは比較的細かく分けて運用されることが多かったと思います。なぜなら、管理(制作)しやすいからです。しかし、スマートフォンなどが普及し、遅い回線が混在する中で、できる限り速くページを表示させる方法が議論されてきました。その中の手法のひとつが「読み込むファイルを少なくする」というものです。詳しい話は割愛しますが、結果として、CSSは複数ファイルを読み込むのではなく、1ファイルにまとめて読み込ませる方法が、2016年の現在に多く見られる手法だと思います。 ただ、冒頭で述べたように、これは「それを本業する人」の話です。すべてのCSSを1つにまとめてしまうと、従来の方法(手で直に記述する)では管理が煩雑になってしまいます。従って「それを本業する人」は、CSSをひとつにまとめるツールを持っているわけですが、一般の方にそういうツールの要求するのは少し違う気もします。 つまり、 一般の方を対象に方法論を選ぶなら、「どちらでもよい」が最適解だと思います。
お礼
ありがとうございました。