IE 6最小最大宽度与高度的写法

最新推荐文章于 2020-12-29 02:26:09 发布

原创最新推荐文章于 2020-12-29 02:26:09 发布 · 186 阅读

0 ·

CC 4.0 BY-SA版权

css 专栏收录该内容

3 篇文章

订阅专栏

本文介绍了在Internet Explorer 6浏览器中实现元素最小和最大宽度及高度的方法。使用特殊的_expression_属性来兼容IE6，确保网页布局在该浏览器下也能正确显示。

最小最大宽度，最小最大高度，这是CSS很常见的一个要求。在现代浏览器中，一个 min-height，min-width 就可以解决问题，但是在IE系列，比如IE6则比较繁琐一点。下面总结一些IE 6下的最小最大宽度与高度的一些写法。

IE6最小最大宽度：


.min-width {
    min-width:600px;
    _width:expression(document.body.clientWidth < 300 ? "300px" : "auto");
}

.max-width {
    max-width: 600px;
    _width:expression(document.body.clientWidth > 600 ? "600px" : "auto");
}

IE6最小最大高度：

.min_height{
  min-height:200px;
  _height:expression(this.scrollHeight < 200 ? "200px" : "auto");
}

.max_height{
  max-height:400px;
  _height:expression(this.scrollHeight > 400 ? "400px" : "auto");
}

IE6最大最小宽度：

.min_and_max_width{
  min-width:300px;
  max-width:600px;
  _width: expression(document.body.clientWidth < 300 ? "300px" :( document.body.clientWidth > 600 ? "600px" : "auto"));
}

.min_and_max_width {
    border:solid 1px red;
    height:500px;
    max-width:600px;
    min-width:300px;
 _width: expression(  document.body.clientWidth < 300 ? "300px" :
 ( document.body.clientWidth > 600 ? "600px" : "auto")  );
}

IE6最大最小高度：

.min_and_max_height{
  min-height:200px;
  max-height:400px;
  _height: expression(
    this.scrollHeight < 200 ? "200px" :
      ( this.scrollHeight > 400 ? "400px" : "auto")
  );
}

转载自：[url]http://www.nowamagic.net/librarys/veda/detail/2183[/url]