使用框大小调整时图像模糊:应用了边框

时间:2013-01-30 20:24:45

标签: css

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

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

第一个设置宽度和高度,第二个设置已删除。这是唯一的区别。我怀疑盒子大小的属性是以某种方式抛弃它。但我无法弄明白为什么!

建议欢迎!

由于

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

1 个答案:

答案 0 :(得分:0)

它很模糊,因为您将图像的大小设置为不是其原始大小的内容,并且浏览器必须按顺序重新采样图像中的像素。

如果查看您提供的页面,则顶部图像的大小为416x150,而底部的大小为418x151。

如果您将高度和宽度设置为等于图像的实际尺寸,则不应该出现此问题。