Css 使高度与图像的宽度成比例

我想让高度和图像的宽度成比例，宽度是20%。请帮助我使用CSS，只需设置宽度：20%；并将“高度”保留为其默认值，即“自动”。

您可以这样使用： 对于InternetExplorer7，您需要使用-ms插值模式使其看起来成比例

注:

-ms插值模式属性仅适用于拉伸图像。例如，如果图像的自然宽度为200x200，但页面设计器指定高度和宽度应为400x400，则除非另有规定，否则将使用最近邻算法将图像拉伸到新尺寸

阅读更多：

---

不要指定任何高度，它应该自动成比例。只需指定宽度。浏览器应该为您保持纵横比。当前代码？浏览器有什么事吗？有两种方法可以做到1将高度保留为空白2将高度设置为自动

width: 20%;
height: auto;
-ms-interpolation-mode: bicubic;