SVG仅部分在Firefox中显示

Question

我目前正在使用SVG格式的瑞士地图。 <svg>标记直接嵌入<div>。

在Chromium（Linux）中，一切看起来都不错，但在Firefox（Linux）中只显示了SVG的一部分。 SVG标记本身似乎是有效的。

铬：

火狐：

我创建了一个包含源代码的jsfiddle，以便于测试：http://jsfiddle.net/MKRXN/

这是一个Firefox问题，还是SVG存在问题？无论如何，我怎样才能让它正常工作？

Answer 1

您应该将height和width设置为您的父div，然后将svg的身高和宽度设置为100%：

HTML：

<div id="map" style="height: 500px;width:600px;">

SVG：

<svg
   xmlns:svg="http://www.w3.org/2000/svg"
   xmlns="http://www.w3.org/2000/svg"
   version="1.0"
   id="svg_main" style="height: 100%;width: 100%">

检查此代码：http://jsfiddle.net/Kgs6J/