如何使svg的高度与页面的高度相同？

Question

我有一个svg

<svg style="height: 100%" viewbox="0 0 100 25" preserveAspectRatio="none">
          <path fill="blue" d="M0 30 V12 Q30 17 55 12 T100 11 V30z" />
 </svg>

我希望svg的下部到达屏幕的底部？我该怎么做 ？ 我希望svg的下部到页面的末尾（即使它的滚动时间足够长）

Answer 1

<svg style="min-height: 100vh"viewbox="0 0 100 25" preserveAspectRatio="none">
          <path fill="blue" d="M0 30 V12 Q30 17 55 12 T100 11 V30z" />
 </svg>

我认为您可以将最小高度设置为100vh。