我有以下问题：
我正在用mvc .NET编程。在我的观点中，我使用了一些SVG和HTML5。 结果（不出意料地）在不同的浏览器中以不同的方式显示。
我正在使用IE 11，Firefox 25.0.1和Chrome 31。
因为存在很大的差异，我寻找与结果相匹配的解决方案。 但直到现在我还没有找到解决这个问题的一般方法。有没有？
例如我有一个svg图像，它应该缩放以匹配窗口宽度。 它确实在Firefox和Chrome中，它不在IE中。 我在这张图片中有一些链接，这些链接只在IE中显示，但在Firefox或Chrome中都没有。
我是否需要为我的每一个问题找到具体的解决方案，或者我是否错过了什么？
编辑：
以下是我的示例代码：
<svg width="100%" viewbox="0 0 854 748" xmlns="http://www.w3.org/2000/svg" version="1.1"
xmlns:xlink="http://www.w3.org/1999/xlink">
<image x="0" y="0" width="100%" height="100%" xlink:href="~/Images/logo.gif"/>
<a xlink:type="simple" xlink:href="http://www.google.com">
<rect x="46.83%" y="0%" width="8.2%" height="4.5%" fill="red" fill-opacity="0.0"></rect>
</a>
</svg>