2

scale我正在使用变换缩小图像。这很好，除了原始图像大小用于计算页面大小，所以我在一个巨大的空白页面中获得水平/垂直滚动。我对它的工作原理有点困惑，比例不是应该缩小/放大图像吗？

我可以以某种方式摆脱未使用的“额外”空间吗？我不需要纯 CSS 的解决方案，在这里使用 javascript 非常好。

小提琴：http: //jsfiddle.net/kcYCm/

编辑

下面发布的@jgv 解决方案确实可以正确调整图像大小，但不能解决缩放问题。

如果我们尝试使用这种方法，而是尝试放大图像，我们会得到一个有趣的效果。它仅放大图像的一部分并再次显示滚动条。因此，当图像按比例缩小时，它不会影响另一个，但是当它按比例放大时会影响吗？这是预期的吗？

小提琴：http: //jsfiddle.net/kcYCm/6/

4

1 回答 1

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>

示例：http: //jsfiddle.net/kcYCm/5/

于 2013-07-17T14:18:50.970 回答