Question

我的徽标上有一个名为

的类

.img-max-logo{
width:100%;
height:auto;
max-height:60px;
}

在每个浏览器中，它都会给我这个结果，效果很好。 enter image description here

在Internet Explorer中，宽高比会像这样扭曲： enter image description here

我有什么办法可以解决这个问题吗？

我的文档设置如下：

<!doctype html>
<html lang="en">
<head>
    <meta charset="utf-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">

感谢您的帮助。

Answer 1

使用<img>插入<svg>，可能不是最好的主意。

如果您在HTML5代码中包含SVG，请移除height的{{1}} width属性，它似乎效果更好。 http://jsfiddle.net/s3tXr/1/

此处是我删除了viewbox并将其转换为<svg>的根标记height/width。

viewbox