css - 调整框大小时图像模糊：应用了边框框

Question

谁能告诉我为什么顶部的图像模糊？

http://blog.distance.mun.ca/technologyresources/why-blurry/

第一个设置了宽度和高度，第二个已删除。这是唯一的区别。我怀疑 box-sizing 属性正在以某种方式抛弃它。但我不知道为什么！

欢迎咨询！

谢谢

ps：边框盒的一个很好的破败：http: //paulirish.com/2012/box-sizing-border-box-ftw/

Answer 1

它很模糊，因为您将图像的大小设置为不是其原始大小，并且浏览器必须重新采样图像中的像素以适合。

如果您查看您提供的页面，顶部图像的尺寸为 416x150，而底部图像的尺寸为 418x151。

如果您将高度和宽度设置为等于图像的实际尺寸，则不应该有这个问题。