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。

在初次加载或刷新页面后，只有部分徽标的缩放不正确。

P.S。我试图在jsfiddle中重现这个问题，但问题从未出现过。

Answer 1

在＆lt; img＆gt;中使用svg从Web标准的角度来看，它是完美的，并且应该可以正常工作（如果没有，你应该提交一个IE bug报告）。您是否尝试过设置＆lt; img＆gt;的大小？ css中的元素和从svg根元素中删除width和height属性？

适用于logo-class及其子项的样式也可能会影响结果。

Answer 2

您需要使用CSS设置SVG的高度和宽度。我建议使用以下命令将浏览器和版本添加到body标记类：

.msie.v9 svg, .msie.v10 svg {
  width: 100%; 
  height:600px; // Add your own height here
}

然后添加这个CSS：

`friend_one` INT(11) ,
`friend_two` INT(11) ,
`status` ENUM('0','1','2') DEFAULT '0'

IE svg扩展问题

2 个答案: