Internet explorer 使用svg图像在internet explorer上保留纵横比

Internet explorer 使用svg图像在internet explorer上保留纵横比,internet-explorer,svg,aspect-ratio,css,Internet Explorer,Svg,Aspect Ratio,Css,我有一个名为image.scgz的svgz图像,具有指定的宽度和高度 我想做一个宽度为120px并保持纵横比的拇指图像 在chrome上,我只需编写 但是,它不适用于ie 9和10: 首先,我必须写来缩放宽度,我不理解逻辑 其次,没有保持纵横比 我看到过使用应答器svg的preserveSpectratio属性的解决方案,但我不想修改我的图像文件。您必须使用svg元素,而不是HTML元素,因为svg元素可以采用HTML所需的preserveSpectratio和viewBox属性元素不支持。

我有一个名为image.scgz的svgz图像,具有指定的宽度和高度

我想做一个宽度为120px并保持纵横比的拇指图像

在chrome上,我只需编写

但是,它不适用于ie 9和10:

  • 首先,我必须写
    来缩放宽度,我不理解逻辑

  • 其次,没有保持纵横比


我看到过使用应答器svg的
preserveSpectratio
属性的解决方案,但我不想修改我的图像文件。

您必须使用svg
元素,而不是HTML
元素,因为svg
元素可以采用HTML
所需的preserveSpectratio和viewBox属性元素不支持。

我已尝试过,但似乎忽略了preserveAspectRatio。可能是因为我的svg图像上没有定义viewbox(只填充了width和height属性),所以必须使用svg图像,而不是HML img。image.svgz是什么样子的?它是否具有viewBox属性?它是否定义了宽度和高度?它没有定义viewBox,但它有宽度和高度。它是由inkspace生成的。