レスポンシブで例えば画像を横幅100%で表示するよう設置している時、縮小していくとウィンドウサイズによってハッキリ表示される時と、ボケる時とあります。ウィンドウサイズを広げた時に時に元画像より大きくなるとボケるのは仕方ないとして、縮小するときにもボケるタイミングがあるのを直す方法はあるでしょうか?
ヒント;偶数
なるほど!!!!!!
あれ???でも、例えば28px×14pxの画像があるとするじゃないですか、その横幅が17pxになった場合、縦が8.4999999999....pxという風に、小数点以下が出てしまうのでボケてるんだと思ってたんですが、違うんでしょうか?
Retina対応で偶数にしとくっていうやつなら分かるんですが、それとは違くないですか?
うるさい小僧だな、全く
いろんなブラウザのいろんなバージョンで確認してごらん。まったく結果が違うから。つまり、それ、ブラウザ実装任せで諦めるところ。文字詰め処理に似てるね。ブラウザ開発陣もっと頑張れーって叫べば届くかも。
なるほど、そうだったんですね...これは諦めるところ、というのが分かって良かったです!
多分Chromeだろうね
Firefoxです!
ブラウザのレンダリング性能によるのでどうしようもない。むしろその縮小処理を、多少の精度の良し悪しはあれど、高速でリアルタイムにやってるブラウザに拍手だよ。
たしかにそうですね(´・ω・`)
みんなの回答 4 件
ヒント;偶数
いろんなブラウザのいろんなバージョンで確認してごらん。
まったく結果が違うから。
つまり、それ、ブラウザ実装任せで諦めるところ。文字詰め処理に似てるね。ブラウザ開発陣もっと頑張れーって叫べば届くかも。
多分Chromeだろうね
ブラウザのレンダリング性能によるのでどうしようもない。むしろその縮小処理を、多少の精度の良し悪しはあれど、高速でリアルタイムにやってるブラウザに拍手だよ。
関連するトピックス