兼容IE6的網頁最小最大寬度和最小最大高度css寫法

2024-07-11 08:31:17

字體：大中小

來源：轉載

供稿：網友

最小寬度：

復制代碼

代碼如下:
.min_width{
min-width:300px;
/*sets max-width for IE */
_width:expression(document.body.clientWidth < 300 ? "300px" : "auto");
}

最大寬度

復制代碼

代碼如下:.max_width{
max-width:600px;
/*sets max-width for IE */
_width:expression(document.body.clientWidth > 600 ? "600px" : "auto");
}

最小高度

復制代碼

代碼如下:.min_height{
min-height:200px;
/* sets min-height for IE */
_height:expression(this.scrollHeight < 200 ? "200px" : "auto");
}

最大高度

復制代碼

代碼如下:.max_height{
max-height:400px;
/* sets max-height for IE */
_height:expression(this.scrollHeight > 400 ? "400px" : "auto");
}

最大最小寬度

復制代碼

代碼如下:.min_and_max_width{
min-width:300px;
max-width:600px;
/* sets min-width & max-width for IE */
_width: expression(document.body.clientWidth < 300 ? "300px" :( document.body.clientWidth > 600 ? "600px" : "auto"));
}

最大最小高度

復制代碼

代碼如下:.min_and_max_height{
min-height:200px;
max-height:400px;
/* sets min-height & max-height for IE */
_height: expression(this.scrollHeight < 200 ? "200px" :( this.scrollHeight > 400 ? "400px" : "auto"));
}

上一篇：div與span的區別和使用示例

下一篇：兩種方法實現用CSS切割圖片只取圖片中一部分