Question

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

Answer 1

当通过<img>标记引用时，Firefox似乎将SVG呈现为图像。 Use an <object> tag

Answer 2

我认为问题出在Firefox中。尝试将图片width设置为100%，将height设置为SVG的实际高度，这样就可以解决问题。

For Instance。

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

希望这有助于。