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


    最小最大宽度,最小最大高度,这是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") 
      ); 
    }

    IE6最小高度:(第二种方法)

    .min_height{
    float:right;
    width:600px;
    border-left:1px solid #ccc;
    min-height:1116px;//IE7FF
    height:100%;//IE6IE7FF 这个很重要,IE6定死高度后,需要再加上这条,才能自动延伸。
    _height:1116px;//IE6
    }
  • 相关阅读:
    eclipse报错:发现了以元素 'd:skin' 开头的无效内容。此处不应含有子元素
    深入解析_Android的自定义布局
    RSA算法加密解密
    android版本
    TabHost+RadioGroup搭建基础布局
    android横竖屏控制
    一大波静态方法
    有时候
    简单的dialog菜单
    mongodb学习(三)——函数使用的小技巧
  • 原文地址:https://www.cnblogs.com/kt520/p/3658109.html
Copyright © 2020-2023  润新知