CSS表达式崩溃的浏览器

在我的网站,我希望body标记有640像素的最小宽度。 事情是,IE6不承认min-width ,所以我想在我的IE6的样式表一个CSS表达式解决这个问题:

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

但这种崩溃浏览器作为儿子,我调整其大小。 我试着document.body.clientWidth ,而不是this.clientWidth但它也崩溃。 是否有可能解决这一问题?

--------------解决方案-------------

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

分类:IE浏览器 时间:2015-03-14 人气:0
分享到:

相关文章

Copyright (C) 55228885.com, All Rights Reserved.

55228885 版权所有 京ICP备15002868号

processed in 0.780 (s). 10 q(s)