当我们想显示在背景的不同大小的图像，我们需要动态改变图片的大小，保证图片的大小和图片的比例一致性。通过搜索，我们可以发现实现此功能从互联网为jQuery代码，这个代码可以保持图片的大小在一定范围内。如果图片的原始大小大于最大*值，则图像宽度相等。

原代码：

复制代码代码如下所示：
$（文档）Ready（函数（）{）
$（'。后IMG）。每个（函数（）{）
VaR最大= 100； / /图片的最大宽度
VaR最大高度= 100； / /最大高度。
var比率= 0；缩放比
var宽度= $（这个）（宽度）；实际图片宽度
var的高度= $（这个）（高度）；实际高度的图片

检查图像是否超宽
如果（宽度＞maxwidth）{
比=最大 / / /宽度；放大率的计算
$（这）。Css（宽度、最大 / /套）；实际显示宽度
高度=高度*比率；
$（。）Css（高度，高度）；设置缩放后的高度
}

检查是否超高的图像
如果（高度大于最大高度）{
比=最大高度 / / /高度；放大率的计算
$（这）。Css（高度、最大高度）； / /组显示的实际高度
宽度=宽度*比率；缩放高度比的计算
$（这个）Css（宽度，宽度*比例）；设置缩放后的高度。
}
}）；
}）；


在我的js代码，这种写作了。然而，当测试不同的浏览器，发现这种方法不能适应Chrome浏览器（Chrome的版本号是10.0.648.204），它将生成错误显示在原始大小。后来，$（'。后IMG）每（）代码被包裹在$（窗口），Load（）解决问题的方法不正确的Chrome浏览器，那么为什么在Chrome浏览器漏洞产生，什么是美元之间的差异（文档）和window.load美元。准备好了吗

原始文件的准备活动是执行HTML文档时加载，即当DOM就绪，即使图片资源未被加载。窗口加载事件被执行后，它只是在整个页面加载框架，执行的对象，并从这种差异，我们的形象。可以看到，Chrome浏览器是不知道当图片是由窗口不处理（负载）的方法，和JS代码执行序列图像的加载和动态变化的图片是不确定的。

对于上面的代码，当您在我的页面上获得图片的高度时，它将是错误的，并且宽度方法是不提供的。

复制代码代码如下所示：
var宽度= $（这个）（宽度）；实际图片宽度
var的高度= $（这个）（高度）；实际高度的图片



因此代码被修改如下：

复制代码代码如下所示：
jQuery（窗口）加载（函数（））{
jQuery（div.product_info IMG）。每个（函数（）{（）
DrawImage（，680, 1000）；
}）；
}）；
功能DrawImage（imgd，fitwidth、FitHeight）{
新图像（）；
image.src = imgd.src；
如果（image.width > 0 image.height > 0）{
如果（image.width / / image.height fitwidth > = fitheight）{
如果（image.width > fitwidth）{
imgd.width = fitwidth；
imgd.height =（image.height * FitWidth）/ image.width；
{人}
imgd.width = image.width；
imgd.height = image.height；
}
{人}
如果（image.height > FitHeight）{
imgd.height = FitHeight；
imgd.width =（image.width * FitHeight）/ image.height；
{人}
imgd.width = image.width；
imgd.height = image.height；
}
}
}
}