我有一个100px宽/ 100px高的PNG图像。
我用CSS调整它的大小:img { max-width: 70px }
。
结果很模糊。
可能出现什么问题?
答案 0 :(得分:1)
这可能是因为100px的正方形并没有精确地划分为70px,因为它试图在运行时尝试调整图像的像素,因此浏览器会错误地渲染图像的位。在max-width: 50px
或max-width: 75px
处尝试,看看它是否仍然模糊。
如果您可以将2/4/8的倍数分解为您想要的大小,则可以更轻松地调整图像大小。
(假设您没有使用HiDPI / retina屏幕,在这种情况下,因为您没有足够的像素,75px的正方形来呈现完整的视网膜质量图像。)