もっと詳しく

preserveAspectRatio="none"の追加でOK

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

ソース例

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

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

参考ページ