レスポンシブ「デザイン」？

この「教えて！ｇｏｏ」は同じＵＲＬでもスマホとデスクトップでは表示内容が変化します。
これもレスポンシブデザインですか？

No.1 ベストアンサー 回答者： ORUKA1951 回答日時： 2016/11/25 09:34

ウィンドウ幅を変えてもデザインが変化しないでしょ。

レスポンシブには二通りあって
・ユーザーエージェントを判別してデザインを変える
・mediaqueryを使う方法
があります。

ウェブ開発に興味があれば、firefoxをお使いでしょうから、そのウェブ開発 :: Add-ons for Firefox( https://addons.mozilla.org/ja/firefox/extensions … )
　にある。

FireMobileSimulator :: Add-ons for Firefox( https://addons.mozilla.org/ja/firefox/addon/fire … )
　や、
User Agent Switcher :: Add-ons for Firefox( https://addons.mozilla.org/ja/firefox/addon/user … )
　で確認されるとわかるように、HTTP要求ヘッダに含まれるuser-agent を判断してスタイルシートを切り替えている。

　この方法は、年々増えていくUAへの対応に限界がありますから、今はあまり使われなくて、mediaqueryを使うほうが主流です。

この回答へのお礼

レスポンシブデザインは「メデイアクエリは必須」と聞いたのでデザインの名前なのに変だなって思って質問しました。Ｗｅｂサーバー側のブラウザ判定で違うレスポンスを返す方法もレスポンシブデザインなんですね。
ありがとうございます。

お礼日時：2016/11/26 02:16