メディアクエリを使用してモバイルデバイスのサイトを変更するのは、オーバーヘッドが少なく、電話のダウンロード速度が遅いため、良いことを読みました。しかし、それはどのように役立ちますか？モバイルデバイスに表示したくない要素を非表示にする以外に何でもできますか？それでも隠された要素をダウンロードする必要があります。それで、利益は何ですか？私はかなり混乱しています。
質問する
216 次
2 に答える
1
レスポンシブ/アダプティブウェブサイトデザインの全体的なアイデアは、ウェブページのサイズやアセットを小さくすることではなく、モバイルデバイスでウェブサイトを閲覧している人々がコンテンツにアクセスして読みやすくすることです。誰かがモバイルデバイスを使用しているという理由だけで要素を非表示にすることは決してありません。コンテンツがモバイルデバイスやタブレットデバイスでより見やすくなるように、それに応じて設計および開発すると言います。
あなたの利益ステートメントごとに; デスクトップユーザーだけでなく、モバイルおよびタブレットユーザーにも対応するWebサイトの設計と開発から得られる利益。より多くの人が離れる傾向が少なくなり、滞在してコンテンツをチェックする傾向が高まります。
レスポンシブウェブサイトのデザインについて詳しくは、以下をご覧ください。
http://blog.teamtreehouse.com/beginners-guide-to-sensitive-web-design
http://www.techrepublic.com/blog/webmaster/how-to-get-started-with-sensitive-web-design/1769
http://www.alistapart.com/articles/sensitive-web-design/
レスポンシブウェブサイトデザインのメリットについては、以下をご覧ください。
http://www.loungelizard.com/web-design-blogs/design/the-benefits-of-sensitive-web-design/
http://www.seomoz.org/ugc/sensitive-web-design-the-ultimate-guide-for-online-marketers
クイックノート：メディアクエリは、レスポンシブ/アダプティブウェブサイトのデザインと密接に関連しています。
これがお役に立てば幸いです。
于 2012-11-01T16:01:10.403 に答える
0
メディアクエリとCSSを使用すると、コンテンツを「非表示」にするだけではありません。設定方法によっては、コンテンツを非表示にするだけでなく、読み込まれることもありません。
ビューポートに応じて、メディアクエリを使用して画像の解像度を選択することもできます。低解像度の画像をモバイルデバイスに送信し、高解像度をRetinaディスプレイに送信できます。
参照： http ：//css-tricks.com/snippets/css/retina-display-media-query/
于 2012-11-01T16:00:39.560 に答える