今天写了篇《外贸建站，ecs 之商品批量修改》文章，发布后，又发现插入的超大图片撑破页面了，汗，这个之前已经 fixed 过的，怎么又破了？

下代码下来看，发现之前修改的代码已经被改过。嗯，可能是版本升级，把代码覆盖掉了。ok， 把代码补回去即可。

打开 style.css ，加入以下代码：

img, a:link img, a:visited img {
border:0; max-width: 700px; width: expression( this.width> 700 ? “700px” : (this.width+”px”) );
max-height: 700px; height: expression( this.height> 700 ? “700px” : (this.height+”px”) );
}

代码意思是当图片宽度、高度超过 700px 的情况下，图片的显示尺寸强制为 700px。上传，刷新，看效果，吐，图片都变形了。

没办法，只能换一种办法试试。后来搞到了下面一段超强代码，加入到 header 里面，

//—————————————————————

<script language=”javascript” type=”text/javascript”>
window.onload = function() {
for (var index = 0; index < document.images.length; index++) {
var widthRestriction = 800;
var heightRestriction = 800;
var rate = document.images[index].width / document.images[index].height;
if (document.images[index].width > widthRestriction) {
document.images[index].width = widthRestriction;
document.images[index].height = widthRestriction / rate;
} else if (document.images[index].height > heightRestriction) {
document.images[index].height = heightRestriction;
document.images[index].width = heightRestriction * rate;
}
document.images[index].onclick = function() {window.open(this.src)};
document.images[index].title = document.images[index].title + ‘ 点击在新窗口中查看原图’;
}
}
</script>

//———————————————————————————

很好，图片都等比例缩放，没有变形问题。