2

これは不可能だと確信していますが、信じられないように思われるので質問します。

レスポンシブ デザイン用にスタイル設定された要素がいくつかあります

img {max-width:100%;height:auto;}

ただし、画像はデバイスによって異なる必要があります（電話デバイスに重いワイドスクリーン画像をロードしません）.

メディア クエリはインラインでサポートされていないため、css バックグラウンド ソリューションを使用できますが、background-size は完全にはサポートされておらず、正直なところハックのように見えます。

「広くサポートされているデバイス関連のレスポンシブ イメージ」が適切に機能しないことを誰でも確認できますか?

ありがとう

4

4 に答える 4

0

私は何も確認していません.不可能はjquery/javascriptでは何もありません.

しかし実際には、レスポンシブ デザインには独自の欠点があります。言い換えれば、レスポンシブデザインを定義することは、ブラウザの解像度が大きいデバイスですべてを表示し、dsiplay:none を使用して解像度の低いものを非表示にすることCSSです。問題は、display:none が要素の読み込みを妨げないことです。要するに、おそらく CSS がないsolution.そして、レスポンシブデザインはCSSに関するものなので..............

于 2013-04-20T17:38:06.917 に答える
0

2014年更新

ここに素晴らしい新しいテクニックがあります: http://filamentgroup.com/lab/responsive_images_experimenting_with_context_aware_image_sizing/

小さな js、1x1px の空白の画像、img タグ用のいくつかの追加マークアップ、およびいくつかの .htaccess ルールが必要です。

これまでのところうまくいくようです。

于 2014-02-19T16:31:24.257 に答える