.svg IE11上的图像，高度属性不起作用，但最大高度有效

Question

我有一个.svg徽标，我需要在我的页面上显示，发现它在IE11上没有正确显示。 它缩放了，只出现了一部分，而其他浏览器可以正确显示。我将其高度属性更改为最大高度，现在看起来不错。我找不到一个适当的解释来解释为什么会发生这种情况。有人能在这里帮助我吗

在IE中不起作用的CSSS

.svglogo {
height:70px;
}

有效的CSS

.svglogo {
max-height: 70px;
}

Answer 1

在 IE 11 中对于高度属性，与其屈服pixels不如尝试在%中给出它，此外，如果有父元素，它也应该有一个高度在%，如果链中有中断，那么它将无法工作。 检查此答案
您可以在 css 中添加特定于浏览器的属性 ie，并为该类提供max-height，这也将解决问题。

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
/* IE10+ CSS styles go here */
}

另外，请记住，始终尝试提供 in%或em，以便在浏览器调整大小时，徽标不会失真。 你也可以试试这个：

.svglogo {
height:70px !important;
}