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

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

第一个设置了宽度和高度,第二个设置了宽度和高度。那是唯一的区别。我怀疑盒子大小的属性正在以某种方式抛弃它。但是我不知道为什么!

欢迎指教!

谢谢

ps:边框很好:http://paulirish.com/2012/box-sizing-border-box-ftw/

最佳答案

这是模糊的,因为您将图像的大小设置为原始大小,并且浏览器必须重新采样图像中的像素才能适合。

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

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

关于css - 框大小调整时图像模糊:已应用边框,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/14613009/

10-16 14:39
查看更多