缩放SVG内的<img/> - Internet Explorer

Question

我正在尝试在<svg>内添加<svg>标记以及其他一些元素。现在IE11（及以下）没有呈现svg { height: auto; width: 100%; }正确。

https://jsfiddle.net/f244sg2u/

<svg width="820" height="560" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 820 560">
  <image width="820" height="560" href="https://dummyimage.com/820x560">
    <title>A title</title>
  </image>
</svg>

{{1}}

图像应以100％宽度渲染，但由于某种原因会缩小。