使用百分比调整SVG大小

Question

如何调整SVG相对于其本地＆＃34;的相对大小？ （viewBox？）尺寸？

当我在表格中的IMG上使用百分比时，它会缩放到正确的大小，但表格不会记录宽度缩放并保持宽度仍为100%。

这是一个例子。第一个是100%处的svg，第二个显示50%，表格周围的边框使得非缩放可见。第三个使用px中的宽度并缩放。

<table>
    <tr>
        <td style="border: 1px solid;"><img src="http://www.inkscape.org/design/images/inkscape-logo.svg" width="100%"/>
        </td>
    </tr>
</table>
<table>
    <tr>
        <td style="border: 1px solid;"><img src="http://www.inkscape.org/design/images/inkscape-logo.svg" width="50%"/>
        </td>
    </tr>
</table>
<table>
    <tr>
        <td style="border: 1px solid;"><img src="http://www.inkscape.org/design/images/inkscape-logo.svg" width="50px"/>
        </td>
    </tr>
</table>

这也是http://jsfiddle.net/kUQrV/。