Lösung für das Problem, dass maximale Breite und minimale Höhe von IE6 nicht unterstützt werden

Heute bringe ich Ihnen eine Lösung für das Problem, dass max-width und min-height von IE6 nicht unterstützt werden.

Wir legen oft die Mindesthöhe einer Seite fest, um eine schöne Anzeige zu erzielen, auch wenn der Inhalt der gesamten Seite nicht angereichert ist. Manchmal können wir beim Festlegen der maximalen Breite des Bildes, ohne die festgelegte Breite zu überschreiten, eine festlegen Legen Sie die Mindesthöhe mit „min-height“ fest und legen Sie die maximale Breite mit dem CSS-Attribut „max-width“ fest. Das Problem ist jedoch, dass IE7 und höher dies unterstützen, aber nur IE6 unterstützt nicht min-height, MAX-height, max-width, min-width. Was soll ich tun? ?

DIVCSS5 führt eine Lösung mit CSS-Hack ein. Wie wir alle wissen, legen wir im Allgemeinen die Breite oder Höhe des Objekts fest. Wenn das Bild oder der Inhalt größer als die festgelegte Breite ist, unterbricht IE6 die festgelegte Breite und Höhe . Dies ist, was wir tun können. Verwenden Sie dies und die einzigartige CSS-Erkennung von IE6, um „_“ abzugleichen, um das Problem zu lösen

Zum Beispiel müssen wir eine Mindesthöhe von 500 Pixel festlegen, damit eine Webseite gut aussieht, aber Was sollen wir tun, wenn IE6 es nicht unterstützt?
Wir verwenden einfach CSS-Eigenschaften, um von links nach rechts zu lesen und den unteren und rechten CSS-Eigenschaftswert durch wiederholte Eigenschaften von oben nach unten zu ersetzen.

Der spezifische CSS-Code lautet wie folgt:

.div{min-height:500px;_height:500px;}

Hinweis: Achten Sie unbedingt auf die Reihenfolge. Ersteres wird von allen IE, Firefox und Google unterstützt IE7 und höher, während letzteres nur von IE6 unterstützt wird, was genau richtig ist. Dieser CSS-HACK und die CSS-Lesesequenz werden verwendet, um dieses Problem zu lösen.

Natürlich gibt es auch folgenden CSS-Code:

.div{height: expression(this.height> 500 ? 500 : true);  max-height: 500px;}

Aber dieser CSS-Code führt dazu, dass das Bild nach dem Laden nicht richtig angezeigt wird (das Bild wird zufällig verkleinert). und kann nicht normal angezeigt werden)

Daher empfehlen wir die Verwendung von „min-height:500px;_height:500px;“, um das Problem zu lösen, dass IE6 die Attribute „max“ und „min“ nicht verwenden kann.

Ich glaube, dass Sie die Methoden beherrschen, nachdem Sie diese Fälle gelesen haben. Weitere spannende Informationen finden Sie in anderen verwandten Artikeln auf der chinesischen PHP-Website!

Verwandte Lektüre:

Antworten auf Fragen zur Kamelfallbenennung und JS

Boolesche Werte, relationale Operatoren in JS, Detaillierte Erklärung und Beispiele für logische Operatoren

Zusammenfassung des Front-End-JS-Frameworks und Erläuterung seiner Verwendung

Das obige ist der detaillierte Inhalt vonLösung für das Problem, dass maximale Breite und minimale Höhe von IE6 nicht unterstützt werden. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!