SVG サンプル: レスポンシブ SVG

• height を指定しない場合、IE11 では height が 150px になる
• height を指定すると、max-width: 100% でレスポンシブ化しようとしても高さが自動調整されなくなる

という問題があるため、height を JavaScript で調整することで問題を回避します。

width, height を指定しないレスポンシブ (IE11 では×)

width, height を指定しないレスポンシブ＋JavaScriptで高さ調整 (IE11 でも○)