图像使用JQUERY自动调整大小/缩放

spo*_*nap 1 jquery image-scaling

我有一个宽度为600像素的div.我想动态地拉动图像.图像大小各不相同.我想要做的是,如果图像大小超过600像素,我们将调整图像大小为600像素以适应div.但是如果图像不超过600px,我们将保留原始图像宽度.

我如何通过使用jquery实现这一目标?谢谢.

Pek*_*ica 7

您可以在没有任何JavaScript的情况下执行此操作,方法是使图像没有明确的宽度(因此它将使用原始宽度)并添加以下CSS属性:

<img style='max-width: 600px' src='...'>
Run Code Online (Sandbox Code Playgroud)

警告:在IE 6 兼容性表中不起作用