設定網頁最小最大寬度和高度（兼容IE6）

時間 2019-12-08

標籤設定網頁最小最大寬度高度兼容 ie6 欄目 HTML 简体版

原文原文鏈接

http://www.cnblogs.com/double-bin/archive/2011/12/19/2293093.htmljavascript

/* 最小寬度 */css

.min_width{min-width:300px;html

/* sets max-width for IE */java

_width:expression(document.body.clientWidth < 300 ? "300px" : "auto");express

}post

/* 最大寬度 */this

.max_width{spa

max-width:600px;htm

/* sets max-width for IE */blog

_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")

);

}

另插一條限定圖片最大寬度和高度的代碼，僅供參考，其實與上述同源同理。

Html代碼

這裏是結合css和其支持的expression實現的，示例代碼以下：
<title>控制圖片的最大高寬</title>
  <style type="text/css">
       .clear{clear:both;}

.widthimg{width: expression(this.width > 200 ? '200px': true); max-width: 200px; }
</style>
<body>
<div class="clear">
<img class="widthimg" src="../image/mm.jpg" />
</div>
<div class="clear">
<img src="../image/xx7.jpg" />
</div>
</body>
</html>

<head> <style type="text/css">  </style> </head> <body> <div id="pic"> </div> <img class="pic" src="Blue hills.jpg" /> </body> </html> 因爲上邊的代碼中,設置最大的長寬是直接用數字的,這樣再修改的時候十分不方便,因此作了如下修改: <html> <head> <script type="text/javascript">  </script> <style type="text/css">  </style> </head> <body> <div id="pic"> </div> <img class="pic" src="Blue hills.jpg" /> </body> </html> 這樣的話,只須要修改Object.MAX_WIDTH和Object.MAX_HEIGHT這兩個類變量就能夠很方便的修改最大的長寬.