CSS expression控制图片自动缩放效果代码[兼容 IE,

长久以来，我一直被一个令人头疼的问题所困扰，那就是网页中的图片缩放问题。在 JavaScript 中处理吧，修改起来似乎不太容易；而在 CSS 中处理吧，老旧的 IE 6 浏览器却不支持 `max-width` 属性。

今天，我花费了很长时间终于找到了一个解决方案，虽然并非尽善尽美，但至少已经基本解决了这个问题。唯一美中不足的是，IE 6 浏览器在图片完全下载完成之前，无法自动调整图片大小。尽管如此，这仍然比进入页面后看到横向滚动条要好得多。我使用了 expression 来实现一次加载，这样就不会造成内存泄漏。

如果你对这个问题有更好的解决方案，我非常希望能与你交流。下面是相关的代码片段：

```css

.Image {

max-width: 600px;

height: auto;

cursor: pointer;

border: 1px dashed 4E6973;

padding: 3px;

zoom: expression(function(elm) {

if (elm.width > 560) {

var oldVW = elm.width;

elm.width = 560;

elm.height = elm.height (560 / oldVW); // 这里修正了原代码中的错误

}

elm.style.zoom = '1';

}(this));

}

```

这段代码中，我为图片定义了一个名为 `.Image` 的样式类。其中，使用了 `expression` 来处理图片宽度的调整。如果图片的宽度大于 560px，那么就会对其进行调整，同时保持高度比例不变。通过 `zoom` 属性确保 IE 6 浏览器能够正确渲染图片。通过 `cambrian.render('body')` 将样式应用到页面主体中。