Firefox에서 SVG 선형 그래디언트 크기가 변경되지 않습니다.

Question

SVG로 만든 선형 그래디언트에 문제가 있습니다. 파이어 폭스에서는 250 픽셀을 넘을 수 없다. 여기까지 왔네.

<svg> 
     <defs> 
      <linearGradient id="grad1" x1="0%" y1="0%" x2="0%" y2="100%"> 
      <stop offset="0%" style="stop-color:rgb(0, 124, 57);stop-opacity:1" /> 
     <stop offset="100%" style="stop-color:rgb(0, 100, 47);stop-opacity:1" /> 
      </linearGradient> 
    </defs> 
    <rect width="" height="34" fill="url(#grad1)" /> 
</svg> 

Answer 1

변경 <svg> 요소는 <svg height="100%" width="100%">