CSS：
img{ max-height:30px; }
HTML：
<img src="foo.svg" />
我正在寻找此svg图像，以按比例缩放到30像素高的最大高度。svg的自然尺寸为200pxx200px。在FF和Chrome（30x30）上效果很好，但在IE9中图像为30x200。现在这里是踢腿者。仅在某些SVG文件中会发生这种情况，其他svg会正确缩放。
看起来区别是一个是由多边形组成的，另一个是由路径组成的。
可以正确缩放：
关于发生这种情况的任何想法，或者我如何才能使第一个在ie9中按比例缩放？
为了在浏览器之间获得更一致的缩放比例，请始终确保指定了一个元素，viewBox但保留了width和height属性svg。我创建了一个测试页，用于比较指定不同SVG属性以及CSS中指定的宽度和高度的效果。在几种不同的浏览器中进行比较，您会发现在处理方式上有很多差异。
viewBox
width
height
svg
