css3メディアクエリーを使用しているときのイメージサイズの置き換えまたは変更方法は？

解像度が960px/1024px（画面）から768px & 320pxに変更されたら、@ mediaと適切な解像度でCSSからいくつかの画像を変更しました。 data-websrcやresponse.jsのようなテクニックを見つけましたが、実際には分かりづらいので、画像サイズを自動的に変更する最も良い方法は何ですか？ここでcss3メディアクエリーを使用しているときのイメージサイズの置き換えまたは変更方法は？

あなたは各解像度@mediaクエリの異なる画像を使用して、背景画像、CSSスタイルでdiv要素を使用することができ、同じhttp://demo.koruindia.com/kv2/v04/

出典

2012-01-24 Dhaval Shah

似たような質問：http://stackoverflow.com/questions/8970521/how-to-not-send-images-to-mobiles-in-a-semantic-manner – user123444555621

これは、彼/彼女私はベストプラクティスを探しています。 –

「ベストプラクティス」はありません。これは現時点で非常に流動的な領域です。テクニックはたくさんあります - あなたのために働くものを選んでください。個人的には、私は「バックグラウンド・サイズ」で行くだろう。 –

ためのリンクです。

出典

2012-01-24 17:25:31

答えをありがとう、私はロゴのためにこれをしたが、物事は毎回新しい画像をロードする、このプロジェクトで私は500以上の画像を持っているので、同じ瞬間には難しいので、私は試しました .className img { 最大幅：100％; \t } それは動作しますが、私はインラインイメージのみを使用する必要があるときとは違う何かを探していますか？ –

css3メディアクエリーを使用しているときのイメージサイズの置き換えまたは変更方法は？

答えて

関連する問題