javascript - 随着图像变大，增加父 div 的大小

Question

我的情况如下:我有一个显示图像的页面，但有时它太小了，所以我需要把它变大。我使用 CSS Transform 来做到这一点并且工作正常。

问题是父 DIV 的大小没有增加，而页面中有空间可以让它这样做!

在父级上使用溢出对我没有帮助，因为它会裁剪图像或添加滚动条。我需要它来成长。

所以，我设法复制了一些我在这里谈论的内容:http://jsfiddle.net/viniciuspaiva/7jJXQ/

当您单击“缩放”按钮时，我希望 div 变大并且下面的分页器下降。但我也希望页面按原样加载，并将寻呼机放在顶部。希望一切都清楚。

如您所见，我在页面上使用了 Bootstrap 。缩放按钮只是为图像添加了一个类:

javascript:var img = $('img.center'); img.addClass('zoom');

谢谢!

Answer 1

换个方式试试。让图像适合 div，然后调整 div 的大小。

将此样式添加到图像(假设 .myimg 是类)。

.myimg {
  display: block;
  width: 100%;
}