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 docu有关 background-size 的详细信息以及支持的浏览器和浏览器版本的表格。