Image SVG是'；Don’我不总是很敏锐

这个屏幕上的SVG徽标在每个缩放级别上看起来都不清晰。我曾经读过一篇文章，SVG只是其原始大小的倍数。但是，当我右键单击图形并单独显示它时（周围没有img标记），它在每一次可能的缩放中看起来都很锐利。图像没有宽度或高度。

当通过

标记引用时，Firefox似乎将SVG呈现为图像

我认为问题在于Firefox。 尝试将图像

width

设置为

100%

并将

height

设置为

SVG

的实际高度，这将解决问题

比如说

img{width:100%;
   height:xxpx; /* Where 'xx' is the value of the image height in pixels */
   }

---

希望这有帮助。

你说得对，这只出现在firefox中。但你的解决方案不起作用。可能是因为我的徽标在逗号后面有数字。我将尝试使用svg，它的高度和宽度都是整数，但inspect显示的宽度和高度是127px乘以127px。您可以将此高度和宽度设置为100%。-@Lord_Mordth这是svg视口的宽度和高度，但img标记本身没有给定的高度和宽度。我在CSS中添加了高度：127px和宽度：100%，但没有效果。效果很好。唯一的缺点是，用户（这是wordpress主题）无法再上传其他图像格式。