css - CSSでSVGの高さを設定しますか?

Question

これが私のCSSです：

#social #twitter {
    background-image: url("../img/twitter.svg");
    max-height: 32px;
    max-width: 32px;
}

そして私のHTMLは次のようになります：

<div id="social">
    <div id="twitter"></div>
</div>

SVG は 32x32 に縮小されません。SVG は 512x512 です。誰かが私を助けることができますか？ありがとう。

Answer 1

追加してみる

background-size: contain;

CSSに。詳細については、MDNのドキュメントを参照しbackground-size、サポートされているブラウザーとブラウザーのバージョンの表を参照してください。