如何按比例将图像缩放到最大宽度？

Question

在UIWebView中,我使用CSS max-width属性来缩放未知大小的图像,以填充不大于(但可能小于)300像素宽的空间.一些原始图像较大,而另一些较小.

现在,我正在使用以下CSS声明,它正确地缩放宽度,但往往会夸大iOS WebView中较大图像的高度:

 img{
    max-width:300px;
    margin:10px;
    padding:0px;
 }

所以问题是:确保高度与宽度成比例的正确方法是什么？

(编辑标题和标签以概括解决方案.谢谢,亚光!)

Answer 1

你想要这样的东西:

  img {
    max-width:300px; 
    height:auto
  }

这与iOS或UIWebView无关 - 它是纯粹的标准CSS.