显示SVG保持原始字体大小

Question

我的主页上有几张svg和图片标记。

我的svg被调整为父级div容器，这是30em的宽度。 我现在的问题是我的宽度不同，所有宽度都是30em。

查看此示例： jsfiddle.net/xpgz44oL /

每个svg的显示字体大小应相同。 我怎样才能做到这一点？

Answer 1

假设原始图纸以相同比例完成，您可以查看viewBox宽度并将每个图像设置为该宽度（如果您希望它们更大，则设置该宽度的倍数）。

＆＃13;

＆＃13;

<div>
    <img src="http://www.austrokamin.at/media/dw/zeichnungen/laengenelement-1000mm-dw-zeichnung.svg" width="158.95px"/>
    <img src="http://www.austrokamin.at/media/dw/zeichnungen/dachdurchfuehrung-20-35-grad-dw-zeichnung.svg" width="239.19"/>
</div>

＆＃13;

＆＃13;

＆＃13;