通过CSS设置SVG高度？

以下是我的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。有人能帮我吗？谢谢。

尝试添加

background-size: contain;

到CSS。有关

背景大小的详细信息以及支持浏览器和浏览器版本的表，请参见。
尝试添加

background-size: contain;

到CSS。有关
背景大小的详细信息，请参见，以及支持浏览器和浏览器版本的表。
谢谢，这很有效。不过我还有一个问题。我有一个风格，当你把鼠标悬停在它上面时（它会褪色），但现在我把它切换到SVG，它不会褪色，而是会产生奇怪的跳跃动画。@Fike我认为这是另一个问题。因此，为这个问题创建另一个问题，并设置一个提琴来显示您的代码。谢谢，这很有效。不过我还有一个问题。我有一个风格，当你把鼠标悬停在它上面时（它会褪色），但现在我把它切换到SVG，它不会褪色，而是会产生奇怪的跳跃动画。@Fike我认为这是另一个问题。因此，为这个问题创建另一个问题，并设置一个提琴来显示您的代码。