mintcode

SVGをimgタグで使うとき

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

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

preserveAspectRatio="none"

を入れると直りました。


関連記事

この記事のハッシュタグに関連する記事が見つかりませんでした。

最新記事