IE6最小最大宽度与高度的写法
最小最大宽度,最小最大高度,这是CSS很常见的一个要求。在现代浏览器中,一个 min-height,min-width 就可以解决问题,但是在IE系列,比如IE6则比较繁琐一点。下面总结一些IE 6下的最小最大宽度与高度的一些写法。
IE6最小最大宽度:
1 .min-width {
2 min-width:600px;
3 _width:expression(document.body.clientWidth < 300 ? "300px" : "auto");
4 }
5
6 .max-width {
7 max-width: 600px;
8 _width:expression(document.body.clientWidth > 600 ? "600px" : "auto");
9 }
IE6最小最大高度:
1 .min_height{
2 min-height:200px;
3 _height:expression(this.scrollHeight < 200 ? "200px" : "auto");
4 }
5
6 .max_height{
7 max-height:400px;
8 _height:expression(this.scrollHeight > 400 ? "400px" : "auto");
9 }
IE6最大最小宽度:
01 .min_and_max_width{
02 min-width:300px;
03 max-width:600px;
04 _width: expression(document.body.clientWidth < 300 ? "300px" :( document.body.clientWidth > 600 ? "600px" : "auto"));
05 }
06
07 .min_and_max_width {
08 border:solid 1px red;
09 height:500px;
10 max-width:600px;
11 min-width:300px;
12 _width: expression( document.body.clientWidth < 300 ? "300px" :
13 ( document.body.clientWidth > 600 ? "600px" : "auto") );
14 }
IE6最大最小高度:
1 .min_and_max_height{
2 min-height:200px;
3 max-height:400px;
4 _height: expression(
5 this.scrollHeight < 200 ? "200px" :
6 ( this.scrollHeight > 400 ? "400px" : "auto")
7 );
8 }
IE6最小最大宽度:
1 .min-width {
2 min-width:600px;
3 _width:expression(document.body.clientWidth < 300 ? "300px" : "auto");
4 }
5
6 .max-width {
7 max-width: 600px;
8 _width:expression(document.body.clientWidth > 600 ? "600px" : "auto");
9 }
IE6最小最大高度:
1 .min_height{
2 min-height:200px;
3 _height:expression(this.scrollHeight < 200 ? "200px" : "auto");
4 }
5
6 .max_height{
7 max-height:400px;
8 _height:expression(this.scrollHeight > 400 ? "400px" : "auto");
9 }
IE6最大最小宽度:
01 .min_and_max_width{
02 min-width:300px;
03 max-width:600px;
04 _width: expression(document.body.clientWidth < 300 ? "300px" :( document.body.clientWidth > 600 ? "600px" : "auto"));
05 }
06
07 .min_and_max_width {
08 border:solid 1px red;
09 height:500px;
10 max-width:600px;
11 min-width:300px;
12 _width: expression( document.body.clientWidth < 300 ? "300px" :
13 ( document.body.clientWidth > 600 ? "600px" : "auto") );
14 }
IE6最大最小高度:
1 .min_and_max_height{
2 min-height:200px;
3 max-height:400px;
4 _height: expression(
5 this.scrollHeight < 200 ? "200px" :
6 ( this.scrollHeight > 400 ? "400px" : "auto")
7 );
8 }