CSS 表达式导致浏览器崩溃

Question

在我的网站上，我希望body标签的最小宽度为640px。问题是，IE6无法识别min-width，所以我正在尝试使用IE6样式表中的CSS表达式解决此问题：

body {
    width : expression(this.clientWidth < 639 ? "640px" : "auto");
}

但是当我调整浏览器大小时，这会使浏览器崩溃。我尝试过用document.body.clientWidth而不是this.clientWidth但它也崩溃了。有可能解决这个问题吗？

Answer 1

如果body有padding:0，那么这应该可以工作：

body {
    width : expression(this.clientWidth < 641 ? "640px" : "auto");
}

演示：http://jsfiddle.net/kt2m8/embedded/result/

---

如果有一些padding您可以使用这样的东西：

body {
    width : expression(this.clientWidth < 641+parseInt(document.body.currentStyle.paddingLeft,10)+parseInt(document.body.currentStyle.paddingRight,10) ? "640px" : "auto");
}

使用padding:10px和margin:10px演示：http://jsfiddle.net/vL689/embedded/result/