在Firefox中浮动时，SVG IMG的维度为零

Question

我对Firefox中的IMG标签中使用的SVG有点疑惑。

Codepens首先：

1. http://codepen.io/doughamlin/pen/Fgosn
2. http://codepen.io/doughamlin/pen/zmBda

Codepen 1使用SVG，但在Firefox（版本26）中不起作用。 Codepen 2使用JPG并在Firefox中正常工作。两者之间没有其他差异。它们都可以在Chrome，Safari和IE 10中正常运行。

Firefox中的检查器显示SVG的0高度和宽度。如果我从包含IMG标签的H1中移除浮动：左边，SVG正常显示，但是我发现没有其他方法可以使SVG显示没有我能够找出为什么图像首先具有0维度。

这只是一些不起眼的Firefox错误，还是我实际上做错了什么？

Answer 1

本文将帮助您解决无法使用的原因

https://developer.mozilla.org/en-US/docs/Web/SVG/Tutorial/SVG_Image_Tag

  

有一些重要的事情需要注意（参考W3规范）：

     

如果您未设置x或y属性，则会将其设置为0。

     

如果您未设置height或width属性，则会将其设置为0。      拥有height或width属性0将禁用图片呈现。