IE11上的.svg图像，高度属性不起作用，但最大高度确实如此

Question

我有一个.svg徽标，我需要在我的页面上显示，并发现它在IE11上不正确。它的缩放只是它的一部分出现，而其他浏览器显示正确。我将它的高度属性更改为max-height，现在看起来很好。我无法找到关于为什么会发生这种情况的正确解释。有人能帮助我吗

在IE中无效的CSS

.svglogo {
  height:70px;
}

有效的CSS

.svglogo {
  max-height: 70px;
}

Answer 1

在IE 11中使用高度属性，而不是放入pixels尝试在%中给出它，如果有一个父元素，它也应该具有{{1}的高度如果链条中断，则它不会起作用。 Check this answer
您可以在css中为ie添加特定于浏览器的属性，并为该类提供%，这也将解决问题。

max-height

此外，请记住，始终尝试提供@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { /* IE10+ CSS styles go here */ } 或%，以便在浏览器调整大小时，徽标不会失真。 你也可以试试这个：

em