Become a MacRumors Supporter for $50/year with no ads, ability to filter front page stories, and private forums.

Tavicu

macrumors regular
Original poster
Jul 25, 2013
203
355
Romania
Hello,

I'm having a problem and i can't find a fix.

I have an image in container with width: 100%.

Even if the image is bigger than the container the image is still blurry in Chrome.

In Safari i fixed it with "image-rendering: -webkit-optimize-contrast;" but i can't find a fix for Chrome.

Here you can see the problem (look at MacBook Air text): http://newadw.yup.ro/projects/cos-technics

The image is 1147px width and the container is 1140px (so the image is resized with css from 1147 to 1140).

If i remove the width:100% and height: auto from css it will looks ok and crisp like original image (but without responsive).

Anyone had this problem before?
 
Register on MacRumors! This sidebar will go away, and you'll see fewer ads.