CSS表达式崩溃了浏览器

时间:2012-05-02 23:30:50

标签: css internet-explorer internet-explorer-6 css-expressions

在我的网站中,我希望body标记的最小宽度为640px。事实是,IE6无法识别min-width,所以我试图用我的IE6样式表中的CSS表达式解决这个问题:

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

但是当我调整它的大小时,这会让浏览器崩溃。我尝试使用document.body.clientWidth代替this.clientWidth,但它也崩溃了。有可能解决这个问题吗?

1 个答案:

答案 0 :(得分:2)

如果bodypadding: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:10pxmargin:10px进行演示:http://jsfiddle.net/vL689/embedded/result/