IE 6最小最大宽度与高度的写法
2024-10-18 23:36:14
最小最大宽度，最小最大高度，这是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;//IE7\FF
height:100%;//IE6\IE7\FF 这个很重要，IE6定死高度后，需要再加上这条，才能自动延伸。
_height:1116px;//IE6
}
最新文章
- 3D打印：三维智能数字化创造（全彩）
- AFNetworking 之于 https 认证
- 在Vista或更高版本Windows系统中, 获取超大图标的办法
- Java [Leetcode 257]Binary Tree Paths
- 仿QQ迷你首页（VC++,MFC）（迷你资讯）的开发与实现（源代码）
- JMeter录制脚本
- dubbo+zookeeper+springmvc+mybatis+shiro+redis架构
- immutable.js 更新数组（mergeDeepWith）
- 【CSS3】动画
- 【Go】strings.Replace 与 bytes.Replace 调优
- jQuery_parent() parents() closest()区别
- TestNG详解（单元测试框架）
- 01-时间复杂度、对数器（python）、冒泡、选择、递归实质、归并、小和问题、逆序对、mid
- Oracle---number数据类型
- Linux 操作系统镜像下载
- phpcms 操作数据库 增删改查
- Java中的初始化顺序
- JAVA-JSP内置对象之pageContext对象
- 『cs231n』卷积神经网络工程实践技巧_上
- UI5-文档-4.26-(Optional) Remote OData Service