こんばんはばさっちです。
コーディングしたサイトをChromeで見るとぼやけてる時ってありませんか？（FireFox派）
レスポンシブデザインだったりすると、多少画像を大きく書き出すと思うんですが、PCサイズに縮小表示するとこんな感じで多少ぼやけてることありますよね?
きちんと整数で割り切れすサイズにリサイズできればよいのですが、そうは行かないこともしばしば…そんな時に便利な対処法をご案内したいと思います。
画像のcssに1行追加するだけで簡単に解消できます!!
-webkit-backface-visibility:hidden;を追加するだけ
今回見やすいようにフォントサイズの大きい画像でお見せしているので若干ジャキって見えますが、イラストや通常のテキストであれば目立つことはありません。
どうしてもリサイズできない場合に試してみてはいかがでしょうか?
