2

デスクトップ/ラップトップ、タブレット (iPad、Galaxy Tab など)、モバイル デバイス (iPhone など) など、複数のデバイス用の Web サイトのデザインを始めています。

現在、完全に異なるサブドメインにリダイレクトする JavaScript を含むページがいくつかあります。たとえば、ユーザーがiPhone でアクセスした場合、またはタブレットを使用している場合www.example.comはリダイレクトされます。明らかに、これには同様のコンテンツを持つ可能性が高いさまざまなページを作成する必要がありますが、メディアクエリを使用すると、画面サイズに応じてレイアウトをわずかに変えることができます.m.example.comt.example.com

したがって、さまざまな画面解像度を処理するには、メディアクエリが好ましい選択肢になるように思えます。ただし、これにはいくつかの疑問が残ります。たとえば、デスクトップ サイトにナビゲーション バーがありselect、モバイル サイトには のようなものがあると便利だとします。これを実装する最良の方法は何ですか？

おそらく支離滅裂で申し訳ありませんが、私の質問は、違いがレイアウト (単純なメディア クエリなど) に限定されるだけでなく、ページ上のさまざまな要素が必要になる可能性があるサイトのモバイル バージョンを実装する最善の方法は何かということだと思います。 ?

4

4 に答える 4

0

はい、正確に。デスクトップ用の通常のULLIナビゲーションを表示し、meidaクエリを使用してモバイルバージョン用の[選択]ドロップダウンナビゲーションを有効にすることができます。

于 2012-11-06T13:09:04.027 に答える
0

CSS メディア クエリを使用して実現できます。メディア クエリの助けを借りて、さまざまなレイアウトの CSS を維持し、モバイルに不要なものを非表示にすることができます。

于 2012-11-06T12:00:39.477 に答える
0

1 つのビュー、1 つの js および 1 つの css を作成し、すべてを 1 つのファイルで処理するか、パフォーマンスを向上させるために MVC パターンを使用することをお勧めします。ユーザー エージェントを検出し、それに基づいてそれぞれのビュー + css + js をロードする必要があります。このページ+エージェント+拡張機能のようなものをロードします

例えば：

home.web.html、home.tablet.html、home.mobile.html

home.web.js、home.tablet.js、home.mobile.js (単一のjsファイルを作成することもできます)

メディア クエリを介してレイアウトを処理する CSS を 1 つ配置できます

* JS はレイアウトの切り替えが非常に遅いです。複合デザインパターンあります 使いたい方は※

于 2012-11-06T10:12:43.050 に答える