既存サイトをレスポンシブ化する方法

Question

仕事の案件ですでにあるPCサイトをレスポンシブ化するという案件を請け負ったのですがメディアクエリーを使ってレスポンシブ化するのが一番簡単な方法でしょうか？？そのPCサイトは各要素ごとにwidthが固定幅で指定されている状態です。
ざっくりとした質問ですがよろしくお願いします！

Answer 1

メディアクエリーを使ってレスポンシブ化するのが一番簡単な方法です。それ以外の方法はJavaScriptを無理やり利用する以外にあまり思いつきません。

Comments

[zombieheli]

ありがとうございます！
質問なんですが、
bootstrapはどうでしょうか？そちらを使えば早くレスポンシブ化できるでしょうか？

[kei344]

bootstrapはHTMLの構造からbootstrap用に設計することになるので、既存サイトを「ちょっと変更」レベルではなくなります。それでもよければ使えばよいと思います。

[zombieheli]

なるほど。ブートストラップは早いイメージがあったもので、ありがとうございます！

Answer 2

要件の実現方法がイメージが出来ていないままに請け負ってしまうとか、ありえないんですけど＾＾；

まず、サイトの構成を整理して、モバイル用にページを作るべきかどうかの判断をするべきだと思います。その整理内容によっては、既存をそのままレイアウト変更のみのレスポンシブ対応とするより、UserAgent による、出し分けを検討したほうが良いです。

モバイル環境は画面サイズ以外に通信環境や処理速度もPCとは差異があるので、快適さを求めるのであれば、出し分けしたほうが確実に良いものになります。

それでも既存サイトのレイアウト調整で良いと顧客が判断するのなら、そこではじめて、どのようなレイアウトとするかを決め、どの情報を出す出さない等の調整を行い、「レスポンシブ対応」とすべきです。

実現方法は正直既存サイトの作り次第だと思います。
非同期に読む箇所が重要かつ多いのであれば、JavaScript 側での制御も現実的かと思います。