Firefox中的SVG只能在小區域上繪製

Question

大家好！ 請幫我解決一個問題。我有以下svg：

<div style="height: 1257px; width: 728px;"> 
     <svg viewPort="0 0 728 1257" xmlns="http://www.w3.org/2000/svg"> 
      <line stroke="black" stroke-width="2" y2="100" x2="100" y1="100" x1="20"/> 
      <line stroke="black" stroke-width="2" y2="150" x2="200" y1="154" x1="504"/> 
      <line y2="353" x2="504" y1="459" x1="388" style="stroke:rgb(255,0,0);stroke-width:2"/> 
      <line y2="353" x2="504" y1="400" x1="1141" style="stroke:rgb(255,0,0);stroke-width:2"/> 
      <line y2="197" x2="602" y1="353" x1="504" style="stroke:rgb(255,0,0);stroke-width:2"/> 
      <line y2="371" x2="957" y1="274" x1="749" style="stroke:rgb(255,0,0);stroke-width:2"/> 
      <line y2="192" x2="1079" y1="371" x1="957" style="stroke:rgb(255,0,0);stroke-width:2"/> 
     </svg> 
    </div> 

請檢查它的FF：http://jsfiddle.net/SgAA5/。

它包含7行內部。我可以在除Firefox以外的所有瀏覽器中正確看到它。這個svg怎麼了？我想提請通過不同的方式行，但我看到只有在FF以下幾點：

只有一條線路，而另一個部分。看起來只有可用於繪製的小區域。有任何想法嗎？

Answer 1

哦，我已經找到了解決方案在stackoverflow :) Inline SVG with transforms not visible in Firefox, works fine in Chrome 這取決於標籤參數。

<svg xmlns="http://www.w3.org/2000/svg" version="1.1" width="100%" height="100%"> 

是正道

的