設定網頁最小最大寬度和高度(相容IE6)

2021-07-27 15:49:00 字數 1456 閱讀 2703

/* 最小寬度 */

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

html**  

這裡是結合

css和其支援的

expression

實現的,示例**如下:

控制的最大高寬

由於上邊的**中,設定最大的長寬是直接用數字的,這樣再修改的時候十分不方便,所以做了以下修改:    

這樣的話,只需要修改object.max_width和object.max_height這兩個類變數就可以很方便的修改最大的長寬.

設定網頁最小最大寬度和高度(相容IE6)

最小寬度 min width 最大寬度 max width 最小高度 min height 最大高度 max height 最大最小寬度 min and max width 最大最小高度 min and max height 這裡是結合css和其支援的expression實現的,示例 如下 控制的最...

網頁寬度和高度設定參考建議

先看一下國內國外的幾個知名 的網頁寬度設定 編號 名 網頁寬度備註1 網易960px 均指首頁,下同 2950px 3910px 4tom 960px 5鳳凰網 950px 6microsoft 935px 國外 7bbc 995px 8aol 978px 9cnn 980px 10reuters ...

css怎麼設定最大高度和最小高度

檢舉 2011 5 26 16 34 提問者 web187 懸賞分 5 瀏覽次數 3027次 檢舉 2011 5 26 16 50 最佳答案 1 ie6支援max height解決方法 ie6支援最大高度解決css yangshi 說明 max height 1000px 這個是ie6以上級其它品牌...