我搜索了类似的问题但找不到解决方案。
我想在本网站www.robearnshaw.com上使用SVG图像作为中心标识。
我之前有过这个工作，但现在在Wordpress上安装常规SVG支持插件之后，图像不会在Firefox或Chrome上呈现，但在我尝试过的所有其他浏览器上都能正常显示。我尝试了几种SVG格式，结果不会改变。查看Chrome上的资源会显示该文件的链接存在。它只是不显示在网页本身上。
有什么想法吗？
答案 0 :(得分：1)
如果您使用浏览器工具查看SVG徽标元素。您将立即看到问题所在。 <img>的计算宽度和高度为0px。
问题的原因是像JPEG和PNG这样的位图图像具有固有的宽度和高度。 SVG文件并非总是如此。您的徽标SVG是一个没有的徽标，因为它没有在其根<svg>标记中指定宽度或高度。因此width: auto在这种情况下不起作用。
解决方案是：
width和height属性添加到SVG文件中。在CSS中指定宽度，而不是使用auto。例如：
.fusion-logo img {
width: 100px;
}