SVG 图像以匹配字体大小

Question

我有一个 SVG 徽标图像。我想这样使用它：

<h1>
  <img src="img/logo.svg" onerror="img/logo.png"></img>
  <span>Some header goes here</span>
</h1>

如何确保图像始终与<span> 中标题文本的行高匹配？是否有更好的方法在标题前添加徽标？

Answer 1

你可以这样做：

<img src="img/logo.svg" width="1em" height="1em"/>

并确保您的 SVG 具有合适的 viewBox。