SVGのサイズを「縦のみ」または「横のみ」で固定したいとき
目次
preserveAspectRatio="none"の追加でOK
SVGをレスポンシブで表示させる時にどうしても縦横比（アスペクト比）が固定されてしまい困り果てましたが、解決する方法が分かったのでメモ。
ソース例
<svg preserveAspectRatio="none"></svg> |
たったこれだけでOKでした。あとは<div>などでSVGを囲んでCSSで調整するのみで解決できました。
参考ページ
SVGをレスポンシブで表示させる時にどうしても縦横比（アスペクト比）が固定されてしまい困り果てましたが、解決する方法が分かったのでメモ。
<svg preserveAspectRatio="none"></svg> |
たったこれだけでOKでした。あとは<div>などでSVGを囲んでCSSで調整するのみで解決できました。
