css - 当页面缩放超过 100% 时，图像显示效果很好

Question

我的页面上显示了一个图标。当页面缩放为 100%(在导航器中)时，图标非常漂亮，但当缩放更大如 150% 时，图标就模糊了。见下文。我怎样才能避免这种情况？也许有一个更大的图标并在 < img ... > 中显示它时将其减少 50%(有意)，然后当页面缩放更大时图标可能不那么模糊？不知道我说清楚没有...

谢谢。

Answer 1

据我了解，您希望图像在放大时不模糊吗？

据我所知，浏览器只会在缩放时放大图像，因此您只需要创建一个更大的图像。如果您希望它的大小固定为 100%，只需将宽度和高度属性添加到“img”标签即可。