SVGをimgタグで使うとき

img {
  max-width: 100%
  height: auto;
}

レスポンシブデザインでは上記のようなスタイルをよく使いますが、このimgタグがSVG画像だった場合、ブラウザの幅を縮めていくとサイズがカクカク変化して、途中で前後左右におかしな余白が入ったりしたんですが、svgファイルをエディタで開いて、svgタグに preserveAspectRatio="none" を入れると直りました。