3

現在、SVG 形式のスイス マップを使用しています。タグは、<svg>内に直接埋め込まれます<div>。

Chromium (Linux) ではすべて問題なく表示されますが、Firefox (Linux) では SVG の一部しか表示されません。SVG マークアップ自体は有効なようです。

クロム：

Chromium の SVG

ファイアフォックス:

Chromium の SVG

簡単にテストできるように、ソース コードを使用して jsfiddle を作成しました: http://jsfiddle.net/MKRXN/

これは Firefox の問題ですか、それとも SVG の問題ですか? いずれにせよ、どうすればこれを正しく機能させることができますか?

4

1 に答える 1

3

親に と を設定してから、高さと幅の両方を に設定する必要がheightあります。widthdivsvg100%

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/

于 2012-10-30T09:47:55.313 に答える