• 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
    }
  • 相关阅读:
    hibernate--could not initialize proxy
    20160509-hibernate--继承映射
    CF1111C Creative Snap
    CF1097D Makoto and a Blackboard
    CF1091D New Year and the Permutation Concatenation
    CF1096D Easy Problem
    CF1076E Vasya and a Tree
    CF1081C Colorful Bricks
    CF1081E Missing Numbers
    CF1093D Beautiful Graph
  • 原文地址:https://www.cnblogs.com/kt520/p/3658109.html
Copyright © 2020-2023  润新知