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/