无法在 Firefox 中显示我的 svg 图像？

Question

我无法在 Firefox 中显示我的 svn-image...它在 Safari 和 Chrome 中运行良好（没有 IE，所以还没有测试过）。

它在我的html中是这样实现的；

img 类 =“logo1” src =“/images/logo6.svg”

其中logo1只是一个用于定位的类。

我尝试用谷歌搜索，但发现 Firefox 不支持 sag，但尽管如此，还是有办法显示它。但所有解决方案都很难理解。（我不是程序员！）

有什么简单的方法可以做到这一点吗？

Answer 1

您没有在任何地方指定 SVG 的大小。在你的logo1课堂上，你指定 100%，但是 100% 折扣是什么？Chrome 之所以能正常工作，是因为它默认使用“不确定大小”默认值，即 300 像素宽度。但 Firefox 使用的是父元素 ( ) 宽度的 100% <li>，即 0

在你的类中指定一个真实的宽度和/或高度logo1，一切都应该在 FF 中正常工作。

.logo1 {
    padding-top: 6px;
    width: 300px;
}