IE11上的.svg图片，height属性不起作用，但max-height起作用

Question

我有一个.svg徽标，我需要在其页面上显示该徽标，发现它没有正确显示在IE11上。 其缩放比例，仅出现一部分，而其他浏览器则正确显示。 我将其height属性更改为max-height，现在看起来很好。 我找不到关于发生这种情况的适当解释。 有人可以在这里帮助我吗

在IE中无法使用的CSS

.svglogo {
  height:70px;
}

CSS起作用了

.svglogo {
  max-height: 70px;
}

Answer 1

在IE 11中，它的height属性不是以pixels为pixels ，而是以% ，即使有父元素，它的高度也应该以% ，如果链中有断点，则不会工作。 检查这个答案
您可以在CSS中为IE添加特定于浏览器的属性，并为该类提供max-height ，这也将解决问题。

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

另外，请记住，始终尝试输入%或em以便在浏览器调整大小时，徽标不会失真。 您也可以尝试以下操作：

.svglogo {
  height:70px !important;
}