私はレスポンシブデザインの構築について多くの研究を行ってきました。だから私はここからこの記事に出くわしました：
jQuery Mobile とレスポンシブ レイアウト/CSS メディア クエリを使用するのは冗長ですか?
と、考えさせられました。レスポンシブ デザインは、Jquery Mobile Web サイトの作成に取って代わるものではありませんか? レスポンシブ デザインは JQ Mobile と同じですが、各領域をより細かく制御できるため、より優れています。私が間違っている場合は訂正してください。では、なぜ JQuery Mobile を使用したり、レスポンシブ デザインで JQ Mobile を使用したりするのでしょうか?
JQuery Mobile のアイコンは、14px であれば好きなサイズにできます...
これは完全に正しいわけではありませんが、JQuery Mobile で CSS を使用してアイコンのサイズを変更したり、メディア クエリでアイコンを変更したりする方法についてよく理解しておく必要があります。
ボタンには、テキストやアイコンを含めることができます。デスクトップ PC ではアイコンとテキストの両方のボタンがあり、モバイル デバイスではアイコンのみのボタンがあると便利です。<button> (または <a>) 要素に btn-* クラスを与えることでボタンのフォーマットが指定されているため、これはさらに難しいようです。例えば：
<a href="#caddy" class="ui-btn ui-btn-icon-notext ui-corner-all ui-icon-caddy ui-nodisc-icon ui-alt-icon">Caddy</a>
また：
<a href="#order" class="ui-btn-a ui-corner-all ui-btn ui-btn-icon-right ui-icon-carat-r">Checkout</a>
そのため、JQuery Mobile は、CSS でできることに対してより多くの制約を追加するため、レスポンシブ インターフェイスの構築が難しくなります。
デスクトップ画面もサポートしている場合は、jquery モバイルを使用しないでしょう。Jquery mobile は、モバイルやタブレットに関してはより便利です。
一方、レスポンシブ デザインを使用すると、Web サイトに情報を表示し、画面サイズに関係なく読みやすく使いやすくすることができます。すべての画面サイズをサポートしたい場合は、Twitter Bootstrap を参照してください。
アップデート
通常、デスクトップとモバイル/タブレットでは異なる UI を使用します。したがって、画面サイズに基づいて、各コンポーネント (ヘッダー、ナビゲーション バー、サイドバー、ボディ、フッター) をビューポートにどのように配置するか、およびデザインをどのようにするかを決定できます。
たとえば、デスクトップ版とは対照的に、Web サイトにはモバイル用の 1 列のレイアウトとタブレット用の 2 列のレイアウトがあります。
デスクトップよりも画面が小さいモバイル デバイスやハンドヘルド デバイスをターゲットにしている場合は、jQuery モバイルを使用することをお勧めします。
jQuery Mobile の利点は、ページ イベント、ページ遷移、テーマ設定などの追加機能が提供されることです。これらすべてを手動で実行するコードを記述するよりも簡単で簡単です。
また、jQuery Mobile はより流動的なレイアウトを使用しているため、ほとんどの画面サイズにページが収まります。レスポンシブ デザインでは、画面サイズに基づいて情報を表示/非表示にすることができます。