使内联SVG适合其内容

Question

如果您需要尽可能减小div，同时仍然足够大，可以将其设置为display: inline-block或position: absolute。

这不适用于<svg>。在这个例子中：

<svg style="display: inline-block">
  <path d="whatever" />
</svg>

如果path仅占用20x20，那么svg元素仍会占用300x150（或浏览器的默认值）。

你怎么能达到同样的结果？