preserveAspectRatio=“none"の追加でOK

SVGをレスポンシブで表示させる時にどうしても縦横比（アスペクト比）が固定されてしまい困り果てましたが、解決する方法が分かったのでメモ。

ソース例

<svg preserveAspectRatio="none">
</svg>

たったこれだけでOKでした。あとはなどでSVGを囲んでCSSで調整するのみで解決できました。

参考ページ

https://aya404.com/blog/develop/337_svg-aspect/ https://aya404.com/blog/develop/337_svg-aspect/

https://www.design-memo.com/coding/object-fit-property https://www.design-memo.com/coding/object-fit-property