0

私は現在、モバイル版のサイトを構築しています。

個別のドメイン(mobile.example.com)ではなく、応答性の高いアプローチ(メディアクエリを使用して画面サイズの特定のCSSをロードする)

しかし、「ページサイズ」を小さくする方法がわからないようです。

私のサイトのデスクトップバージョンには、5つの比較的大きな高解像度の画像をスライドするjqueryスライダープラグインが含まれています。私のモバイル側にはそれが含まれていません。ただし、これらのイメージは、モバイルバージョンのビルド時に引き続きロードされます。

displayプロパティをnoneに設定しましたが、これでも画像が読み込まれます。

では、JavaScriptまたは別のタイプのメディアクエリを使用して、ロードする必要があるファイルとロードしないファイルを指定するにはどうすればよいですか?

4

1 に答える 1

1

SmashingMagazine.comには、開発者がこの問題に取り組んだ多くの方法をまとめた「レスポンシブWebデザイン手法、ツール、および設計戦略」というすばらしい記事があります。

とはいえ、「ベストプラクティス」はまだ1つではありません。

于 2011-07-22T22:30:02.497 に答える