兼容IE的最小最大高度CSS写法
.min_width{min-width:300px;
_width:expression_r(document.body.clientWidth < 300 ? "300px" : "auto");
}
.max_width{
max-width:600px;
_width:expression_r(document.body.clientWidth > 600 ? "600px" : "auto");
}
.min_height{
min-height:200px;
_height:expression_r(this.scrollHeight < 200 ? "200px" : "auto");
}
.max_height{
max-height:400px;
_height:expression_r(this.scrollHeight > 400 ? "400px" : "auto");
}
.min_and_max_width{
min-width:300px;
max-width:600px;
_width: expression_r(
document.body.clientWidth < 300 ? "300px" :
( document.body.clientWidth > 600 ? "600px" : "auto")
);
}
.min_and_max_height{
min-height:200px;
max-height:400px;
_height: expression_r(
this.scrollHeight < 200 ? "200px" :
( this.scrollHeight > 400 ? "400px" : "auto")
);
}
_width:expression_r(document.body.clientWidth < 300 ? "300px" : "auto");
}
.max_width{
max-width:600px;
_width:expression_r(document.body.clientWidth > 600 ? "600px" : "auto");
}
.min_height{
min-height:200px;
_height:expression_r(this.scrollHeight < 200 ? "200px" : "auto");
}
.max_height{
max-height:400px;
_height:expression_r(this.scrollHeight > 400 ? "400px" : "auto");
}
.min_and_max_width{
min-width:300px;
max-width:600px;
_width: expression_r(
document.body.clientWidth < 300 ? "300px" :
( document.body.clientWidth > 600 ? "600px" : "auto")
);
}
.min_and_max_height{
min-height:200px;
max-height:400px;
_height: expression_r(
this.scrollHeight < 200 ? "200px" :
( this.scrollHeight > 400 ? "400px" : "auto")
);
}
本文来自博客园,作者:陈国利,转载请注明原文链接:https://www.cnblogs.com/cgli/archive/2011/07/27/2118772.html
本文版权归作者和博客园共有,欢迎转载,但未经作者同意必须在文章页面给出原文连接,否则保留追究法律责任的权利。
如果您觉得文章对您有帮助,可以点击文章右下角"推荐"或关注本人博客。您的鼓励是作者坚持原创和持续写作的最大动力!
【推荐】国内首个AI IDE,深度理解中文开发场景,立即下载体验Trae
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· 记一次.NET内存居高不下排查解决与启示
· 探究高空视频全景AR技术的实现原理
· 理解Rust引用及其生命周期标识(上)
· 浏览器原生「磁吸」效果!Anchor Positioning 锚点定位神器解析
· 没有源码,如何修改代码逻辑?
· 全程不用写代码,我用AI程序员写了一个飞机大战
· MongoDB 8.0这个新功能碉堡了,比商业数据库还牛
· 记一次.NET内存居高不下排查解决与启示
· 白话解读 Dapr 1.15:你的「微服务管家」又秀新绝活了
· DeepSeek 开源周回顾「GitHub 热点速览」