css - IE svg 缩放问题

Question

在此website , .logo-bar 容器中有四个 svg 标志。 它们中的每一个都放在图像标签内，如下所示:

<div class="logo-bar">
    <p class="logo">
        <a href=""><img src="resources/img/miterassa_logo.svg" alt=""></a>
    </p>

viewBox 设置在每个 svg 文件中:

<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" id="Layer_1" x="0px" y="0px" width="339.827px" height="84.337px" viewBox="0 0 339.827 84.337" enable-background="new 0 0 339.827 84.337" xml:space="preserve">

Windows 7 和 Windows 8.1 上的 IE11 似乎无法正确缩放 svg。

有时，在初始加载或刷新页面后，只有部分 Logo 缩放不正确。

附言我试图在 jsfiddle 中重现该问题，但问题从未出现。

Answer 1

从 web 标准的 Angular 来看，在 中使用 svg 是完全正确的，并且应该可以正常工作(如果没有，您应该提交 IE 错误报告)。您是否尝试过在 css 中设置 元素的大小并从 svg 根元素中删除宽度和高度属性？

应用于 logo-class 及其子级的样式规则也可能影响结果。