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

【问题标题】：Image blurry when box-sizing: border-box applied调整框大小时图像模糊：应用了边框框
【发布时间】：2013-01-31 04:35:24
【问题描述】：

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

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

欢迎咨询！

谢谢

【问题讨论】：

标签： css

【解决方案1】：

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

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

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

【讨论】：