Bei der Webseitenproduktion ist es oft notwendig, die maximale Breite/Höhe oder minimale Breite/Höhe von div zu steuern, aber im IE6 werden viele Freunde mit Inkompatibilitätsproblemen konfrontiert sein, darunter auch ich Ich bin oft auf dieses Problem gestoßen, konnte es aber nicht lösen. Später habe ich in einem Forum davon erfahren. Ich möchte den Code im CSS3-Stil mit Ihnen teilen . Time ist vollständig kompatibel mit allen gängigen Mainstream-Browsern.
* Mindestbreite */
.min_width{min-width:300px;
/* legt die maximale Breite für IE fest */
_width:expression(document.body.clientWidth < 300 ? "300px" : "auto");
}
/* Maximale Breite*/
.max_width{
max-width:600px;
/* legt die maximale Breite für IE fest */
_width:expression (document.body.clientWidth > 600 ? "600px" : "auto");
}
/* Mindesthöhe*/
.min_height{
min-height:200px;
/* legt die Mindesthöhe für IE fest */
_height:expression(this.scrollHeight < 200 ? "200px" : "auto");
}
/* Maximale Höhe */
.max_height{
max-height:400px;
/* legt die maximale Höhe für IE fest */
_height:expression(this.scrollHeight > 400 ? "400px" : "auto ");
}
/* Maximale und minimale Breite*/
.min_and_max_width{
min-width:300px;
max-width:600px;
/* legt die minimale und maximale Breite für IE fest */
_width: expression(
document.body.clientWidth < 300 ? "300px" :
_width ( document.body.clientWidth > 600 ? " 600px" : "auto")
);
}
/* Maximale und minimale Höhe*/
.min_and_max_height{
min-height:200px;
max- height:400px ;
/* legt minimale und maximale Höhe für IE fest */
_height: expression(
this.scrollHeight < 200 ? "200px" :
( this.scrollHeight > ; 400 ? "400px" : "auto")
);