要匹配字體大小的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具有合適的視框。