css - CSS 表达式使浏览器崩溃

Question

在我的网站中，我希望body标签的最小宽度为 640 像素。事情是，IE6 不识别min-width，所以我试图用我的 IE6 样式表中的 CSS 表达式来解决这个问题：

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

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

Answer 1

如果bodyhas 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/