<img>
Retina ディスプレイで適切に表示されるタグを取得するための標準的な解決策は、画像サイズを 2 倍にし、元のタグwidth=
とheight=
属性をタグに配置してサイズを小さくすることです。
img { min-width: xx%; }
メディアクエリにさまざまなスタイルがある流動的なレイアウトに取り組んでいます。問題は、height=
属性<img>
がmax-width
有効になっている場合、高さが依然として尊重されるため、画像の縦横比が歪むことです。
高解像度の Retina ソリューションがwidth=
属性だけでは機能しない理由はありますか?
そうすれば、画像の高さが自動的に計算されます。動作しているように見えますが、の使用のみに関する他の情報を見つけることができませんでしたwidth
。