シンプルな小さなjqueryモバイルサイトを構築しましたが、ブラウザベースのトラフィック用に非常によく似たサイトも必要です。実際、今のところ、サイトはまったく同じですが、ブラウザ内サイトの幅を650px程度に制限する必要がある点が異なります。
これを行う簡単な方法はありますか？それは私に何時間もの開発時間を節約するでしょう。
また、将来的には、モバイルサイトとブラウザベースのサイトの単一の共通コードベースから作業し、違いだけを個別に維持することは非常に役立ちます。コードをドライに保つのに役立つフレームワークまたはアプローチはありますか？
注：私はこの質問を知っていますが、jquerymobileをモバイルではなくデスクトップに使用できるかどうかを尋ねるのとは少し異なります。両方に同じコードを使用したい。
JQM の優れた点は、特にコンテンツがほぼ同等である場合に、デスクトップとモバイルで単一のソースを使用できることです。
デスクトップ サイトを 650px に制限するには、次の 2 つの CSS グリッドを使用できます。
1140px CSS グリッド
960px CSS グリッド
650px を取得するには、コンテンツの前後にいくつかの空のブロックを追加するだけです。小さいディスプレイでは、コンテンツはメディア クエリを使用して全幅になります (IE でサポートするには、必ずRespond.jsを含めてください。
960 グリッドは試していませんが、1140px グリッドをよく使用しています。プラスであるJQM折りたたみ式でも動作します.
ページ幅を制限したい場合は、css だけです。CSS メディア クエリを使用して、ブラウザ固有のサイト用に 1 つの CSS ファイルを読み込むことができます。
ここにあなたを助けることができるリンクがあります。