JQuery Mobile、Bootstrap、および CSS3 メディア クエリ
どの組み合わせで使うか
UI フレームワークを作成するには、Bootstrap などを使用する必要があります。モバイル向けに開発するには、JQuery Mobile (JQM) のように、1 つの HTML ファイル内で簡単にページを切り替えることができるものが必要です。さまざまな画面幅 (iPhone、iPad など) 向けに開発するには、レスポンシブ Web デザインのルールに従って開発する必要があります。
JQM は、 http://jquerymobile.com/test/docs/api/mediahelpers.htmlによるとメディア クエリをサポートしていません。ヘルパー クラスは非推奨であると記載されています。Bootstrap または Skeleton を使用しない限り、メディア クエリの良い例はありません。
Bootstrap と JQM を組み合わせる情報を探す場合、JQM で Bootstrap テーマを作成した Andy Matthews 以外に良い例はありません。http://www.andymatthews.net/read/2012/02/13/New-jQuery-Mobile-theme:-Twitter-Bootstrap
では、レスポンシブ Web デザインを使用して WebApps を開発する際の一般的な方法は何でしょうか? 人々は JQM を無視していますか (そして page-in-html を自分で行っています)、それとも Bootstrap を無視していますか (そして、JQM でメディアクエリを使用してレスポンシブ Web デザインを手作業で行っています) ?
または、WebApp 開発のすべてをカバーする全体的なソリューションはありますか? （PhoneGapとは言わないでください）
明確にするために、私の探求に関する情報を追加するには: index.html のヘッダーに次の行があります。
<link rel="stylesheet" href="css/bootstrap.css" />
<link rel="stylesheet" href="http://code.jquery.com/mobile/1.1.0/jquery.mobile-1.1.0.min.css" />
<script type="text/javascript" src="http://code.jquery.com/jquery-1.7.1.min.js"></script>
<script src="http://code.jquery.com/mobile/1.1.0/jquery.mobile-1.1.0.min.js"></script>
<script type="text/javascript" src="js/bootstrap.min.js"></script>
私の意見によれば、少し？それともこれは正しいですか？より経験豊富な WebApp 開発者の誰かがこれに光を当ててくれることを願っています。
ありがとう、