firefox - SVG 仅在 Firefox 中部分显示

Question

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

在 Chromium (Linux) 中，一切看起来都很好，但在 Firefox (Linux) 中，只显示了 SVG 的一部分。SVG 标记本身似乎是有效的。

铬：

火狐：

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

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

Answer 1

您应该将heightand设置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/