我正在使用scale转换缩小图像。这工作正常，除了原始图像大小用于计算页面大小，所以我在一个巨大的空白页面得到水平/垂直滚动。我对它是如何工作有点困惑，是不是应该缩小/放大图像的比例？
我可以以某种方式摆脱未使用的“额外”空间吗？我不需要只有CSS的解决方案，在这里使用javascript非常好。
小提琴： http://jsfiddle.net/kcYCm/
修改
下面发布的@jgv解决方案可以正确调整图像大小，但它无法解决缩放问题。如果我们尝试使用这种方法，而是尝试扩大图像，我们会得到一个有趣的效果。它仅放大部分图像，并再次显示滚动条。因此，当图像按比例缩小时，它不会影响另一个图像，但是当它按比例放大时会这样做吗？这是预期的吗？
答案 0 :(得分：1)
尝试将图像包装在div中并指定包装器的尺寸。没有CSS3，但它有效。
<div style="height: 300px">
<img src="http://upload.wikimedia.org/wikipedia/commons/4/4e/Les_Invalides_de_Paris_ceiling_huge.jpg" style="max-height: 100%; max-width: 100%"/>
</div>