ウェブページ制作では、div幅、最大幅/高さ、または最小幅/高さを制御する必要があることがよくありますが、私を含め、多くの友人がそのような問題に遭遇することがあります。 Baidu にはたくさんありましたが、解決策が見つかりませんでした。後でフォーラムでそのことを知り、css3 スタイル のコードを共有したいと思います。このコードは、すべての主要な主流ブラウザと完全に互換性があります。
*最小幅*/
.min_width{min-width:300px;
/* IE の最大幅を設定します */
_width:expression(document.body.clientWidth }
/*最大幅 */
.max_width{
max-width:600px;
/* IE の最大幅を設定します */
_width:expression(document.body.clientWidth > 600 ? "600px" : "auto");
}
/* 最小の高さ*/
.min_height{
min-height:200px;
/* IE の最小の高さを設定します */
_height:expression(this.scrollHeight }
/* 最大幅と最小幅*/
.min_and_max_width{
min-width:300px;
max-width:600px;
/* IE の最小幅と最大幅を設定します * /
_width:expression(
Document.body.clientWidth ( document.body.clientWidth > 600 ? "600px" : "auto")
);
}
/* 最大値と最小の高さ* /
.min_and_max_height{
min-height:200px;
max-height:400px;
/* IE の最小高さと最大高さを設定します */
_height:expression(
this.scrollHeight ( this.scrollHeight > 400 ? "400px" : "auto")
);
}