javascript - 如何使 svg ( 窗口曲线 ) 文件完美适合每个屏幕尺寸的窗口

Question

我花了一个小时试图将一个svg放入窗口：

    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 38 20">
         <path d="M 0 0 C 5.6667 0 11.3333 0 16 0 C 25 11 8 8 16 20 L 16 20 L 0 20" 
         fill="#00ffff"/>
    </svg>

如果我修改它，我无法正确安装它，viewBox它要么太小，你可以看到它的边缘，要么太大，你需要向下滚动才能看到它的其余部分；如果你最小化浏览器，那将是最糟糕的，我让它有点接近窗口大小，你需要滚动一点，几乎完美，但是当我调整浏览器窗口的大小时，它的高度变得太小了，我不知道该怎么做，是否有一种动态的方式来改变viewBox，或者我必须继续尝试，直到我在未来找到正确的，请帮忙；问题是：1-如何viewBox动态获得正确的；2-即使我们调整浏览器大小，如何让它保持完美的大小；

它认为这一切css;

标签： javascripthtmlcsssvg