image - SVG 并不总是清晰的

Question

此站点上的 SVG 徽标在每个缩放级别上看起来都不是很清晰。我读过一次，SVG 只是其原始大小的倍数。但是当我右键单击图形并单独显示它时（周围没有 img 标签），它在每个可能的缩放中看起来都很清晰。没有为图像指定宽度或高度。

Answer 1

<img>当通过标签引用时，Firefox 似乎将 SVG 呈现为图像。使用<object>标签

Answer 2

我相信问题出在Firefox中。尝试将图像设置width为实际高度，100%这将解决问题。heightSVG

例如。

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

希望这可以帮助。