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

Question

我想使高度与宽度为20％的图像宽度成比例。请帮我使用CSS

Answer 1

您可以这样使用：

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

对于 Internet Explorer 7 ，您需要使用-ms-interpolation-mode使其看起来成比例。

注意：

  

-ms-interpolation-mode属性仅适用于拉伸图像。例如，如果图像的自然宽度为200x200，但页面设计者指定高度和宽度应为400x400，则使用最近邻居算法将图像拉伸到新维度，除非另有说明。

     

了解详情：http://msdn.microsoft.com/en-us/library/ie/ms530822(v=vs.85).aspx

Answer 2

只需设置width: 20%;并将高度保留为默认值，即auto。