開発を行いました。
430px X 455px の画像を使用しています
画像を幅 184 ピクセルに縮小した場合: - Google Chrome: 完璧に見えます - Firefox (37.0.1) は非常に焦点が合っていないように見えます - Internet Explorer (11.0.9): 「のこぎり歯」のように見えます (非常にピクセル化されています)
どうしてこれなの?使用できる再スケーリングされた画像ではありませんか?
どのような解決策が考えられるでしょうか?
開発を行いました。
430px X 455px の画像を使用しています
画像を幅 184 ピクセルに縮小した場合: - Google Chrome: 完璧に見えます - Firefox (37.0.1) は非常に焦点が合っていないように見えます - Internet Explorer (11.0.9): 「のこぎり歯」のように見えます (非常にピクセル化されています)
どうしてこれなの?使用できる再スケーリングされた画像ではありませんか?
どのような解決策が考えられるでしょうか?
待ち時間の問題に縛られない場合は、CSS で指定しているよりも最大 25% 多いピクセルを提供することを検討し、ブラウザーにダウンサイジングを任せてください。これにより、ブラウザのズームなどのケースも処理されます。
CSS の object-fit プロパティを使用します。このチュートリアルを読む http://www.devtantra.com/273/object-fit-css3/