设为首页收藏本站

PHPIN.NET

 找回密码
 立即注册
查看: 616|回复: 0

[新手入门] IE 6最小最大宽度与高度的写法(CSS表达式的使用)

[复制链接]

374

主题

381

帖子

2554

积分

管理员

Rank: 9Rank: 9Rank: 9

积分
2554
发表于 2014-5-17 17:24:47 | 显示全部楼层 |阅读模式

马上注册,结交更多好友,享用更多功能,让你轻松玩转社区。

您需要 登录 才可以下载或查看,没有帐号?立即注册

x
IE 6最小最大宽度与高度的写法(CSS表达式的使用)
本文关键字:IE6,IE6兼容
最小最大宽度,最小最大高度,这是CSS很常见的一个要求。在现代浏览器中,一个 min-height,min-width 就可以解决问题,但是在IE系列,比如IE6则比较繁琐一点。下面总结一些IE 6下的最小最大宽度与高度的一些写法。

IE6最小最大宽度:
  1. .min-width{min-width:600px;_width:expression(document.body.clientWidth < 300 ? "300px":"auto");}
  2. .max-width{max-width:600px;_width:expression(document.body.clientWidth > 600 ? "600px":"auto");}
复制代码

IE6最小最大高度:
  1. .min_height{min-height:200px;_height:expression(this.scrollHeight < 200 ? "200px":"auto");}
  2. .max_height{max-height:400px;_height:expression(this.scrollHeight > 400 ? "400px":"auto");}
复制代码

IE6最大最小宽度:
  1. .min_and_max_width{min-width:300px;max-width:600px;_width:expression(document.body.clientWidth < 300 ? "300px":( document.body.clientWidth > 600 ? "600px":"auto"));}
  2. .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最大最小高度:
  1. .min_and_max_height{min-height:200px;max-height:400px;_height:expression( this.scrollHeight < 200 ? "200px":( this.scrollHeight > 400 ? "400px":"auto") );}
复制代码

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

小黑屋|手机版|Archiver|PHPIN.NET ( 冀ICP备00000001号 )|网站地图  

GMT+8, 2016-12-4 14:07

Powered by Discuz! X3.2

© 2001-2013 Comsenz Inc.

快速回复 返回顶部 返回列表