css - 将 SVG 调整为特定尺寸

Question

我正在尝试将 svg 的大小调整为我想要的确切大小 (32x32)。查看 http://jsfiddle.net/Uy94k/6/ 中的示例

这个 fiddle 是一个更大的 .svg 文件的简短摘录，我将其包含在我的 html 文件中，并引用了我想使用的图像:

<svg class="small" viewBox="0 0 512 512" preserveAspectRatio="none">
    <g filter="">
        <use xlink:href="#login"></use>
    </g>
</svg>

(顺便说一句，有没有更简单的方法来做到这一点？)。

如您所见，我尝试过使用 preserveAspectRatio，但没有成功。我还尝试了不同的样式技术(即，在 svn 外部的 span 标签中调整大小，在 svn 标签中设置样式，在我通过 id 调用它的地方调整高度。)。

如果您使用开发人员工具查看 fiddle 中图像的高度/宽度，您会看到它是 26x20..但这是为什么呢？

Answer 1

调整 viewBox 值(在这种情况下猜测 viewBox="120 70 340 340" 的值)有点成功。但是调整参数很容易出错，不好，而且很乏味。看看http://jsfiddle.net/veZSX/1/的例子。对于 tweeked 与 untweeked 版本。一定有更好的方法吗？