我有一个使用其网格系统的 Bootstrap 站点，在其中一个列中，我有一个 PNG 图像来填充此列，如下所示:
<div class="col-sm-7">
<div><img src="image.png" class="img-responsive img-thumbnail" /></div>
</div>
我的图片包含文字，所以我想让它尽可能清晰。在所有主流浏览器中，留给图像的空间都是 526x331 像素。问题是它不完全是那个像素——它大约是 525.8 x 530.9 像素。似乎除 Chrome 之外的所有浏览器都四舍五入到最接近的像素，但 Chrome 向下舍入。结果是在 Chrome 中，PNG 呈现为 525x330 且模糊:
有什么我可以做的吗？
最佳答案
我认为 Chrome 不会向下舍入 - 对于 div；但是图像可能会有所不同。 你能在图片上使用 100% 宽度看看吗？
width: 50.6px; becomes width: 51px;
这里有一个小测试来证明 chrome 不会向下舍入。 你必须使用图像吗？
关于html - 由于四舍五入不同，PNG 图像在 Chrome 中模糊；怎么办？，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/24035936/