IE6中max-width解决方案

最新推荐文章于 2021-06-03 20:24:31 发布

iteye_1076

最新推荐文章于 2021-06-03 20:24:31 发布

阅读量159

点赞数

分类专栏： css javascript 文章标签： IE6 max-width min-width max-height min-height

css javascript 专栏收录该内容

4 篇文章 0 订阅

订阅专栏

.ie6-max-width-fix {
    padding: 0;
    _width: expression((function(el){ el.style.width = (el.clientWidth > 600 ? '600px':''); })(this));
}

一般都建议不要在 expression 里面判断和设置同一个元素的同一个属性(这样会导致脚本不停执行), 但是如果非得这样做的话... 老外的一篇文章看到在 zoom 里面调方法设置 width 然后 return 1, 貌似并不好, 有些时候 zoom = 1 会改变 width, 所以还是让width = undefined 吧! 实测在 display 为 inline inline-block 和 block 的时候方法都只会执行一次. 还有就是注意了 clientWidth 是等于 style.width 加上左右 padding, 所以要么把 padding 设为零, 要么在判断的时候考虑padding