谁能告诉我为什么顶部图像模糊?
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/