IE6中max-width解决方案

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

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

文章标签：

#IE6 #max-width #min-width #max-height #min-height

css javascript 专栏收录该内容

4 篇文章

订阅专栏

本文介绍了一种在IE6浏览器中解决元素宽度溢出问题的方法。通过使用expression设置元素的最大宽度，确保在不同显示模式下只执行一次。需要注意的是clientWidth包含padding，因此在实际应用中需要考虑这一因素。

.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