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

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。

Answer 2

而不是在css中使用像素，你可以尝试使用百分比

Answer 3

我没有声明点来为回复添加评论，所以我会在此列出：

  

img {      最大宽度：300像素;      高度：汽车    }

这一系列的CSS适用于Chrome，Firefox和IE，但它仅适用于桌面浏览器。如原始问题所述，任务是在iOS中设置比例图像;在iOS Safari上，此方法不起作用。

Answer 4

我相信The First anserwer是真的 高度：100％;