Eine einfache Methode, um mit der Mindestbreite und Mindesthöhe von IE6 kompatibel zu sein

Eine einfache Methode, um mit der Mindestbreite und Mindesthöhe von IE6 kompatibel zu sein

Wenn eine Website im Breitbildformat ist, ziehen Sie das Browserfenster nach links und rechts und die Breite der Website ändert sich mit der Größe des Fensters. Wenn die Breite des Browserfensters bis zu einem bestimmten Grad reduziert wird, wird darunter eine Bildlaufleiste angezeigt und die Breite der Website wird nicht weiter reduziert. Wir wissen, dass diese einfache Funktion mit CSS min-width leicht erreicht werden kann, aber leider unterstützt der IE6 vieler unserer Benutzer dieses sehr praktische Attribut nicht. Was können wir tun? Wir können dieses Problem lösen, indem wir beim Entwerfen der Webseite die folgende CSS-Anweisung hinzufügen:

Methode 1:

CSS- CodeInhalt in die Zwischenablage kopieren
  1. Höhe : automatisch ! wichtig ;
  2. Höhe : 580px ;
  3. Mindesthöhe : 580px ;

Fügen Sie einfach die obigen drei Codezeilen zu dem Div hinzu, das eine Mindestbreite erfordert. Das Prinzip besteht darin, den BUG von IE6 selbst zu verwenden (wenn der Inhalt innerhalb eines Blockelements die Höhe dieses Blockelements überschreitet, wird die Höhe des Blockelements gestreckt, d. h. das Höhenattribut in IE6 selbst entspricht der Mindesthöhe).

Methode 2:

CSS- CodeInhalt in die Zwischenablage kopieren
  1. Mindesthöhe : 200px ;
  2. _Höhe: 200px ;

Methode 3:

CSS- CodeInhalt in die Zwischenablage kopieren
  1. #min -Breite{
  2.      Mindestbreite : 900px ;
  3. _width:Ausdruck((document.documentElement.clientWidth||document.body.clientWidth)<900? "900px" : "" );
  4.      Zeilenhöhe : 200px ;
  5.      Hintergrund : #ccc ;
  6. }

Methode 4:

CSS- CodeInhalt in die Zwischenablage kopieren
  1. #mpage {
  2.      Breite : 100 %;
  3.      Mindestbreite : 980px ;
  4.      Position : relativ ;
  5. _width: Ausdruck (((document.compatMode && document.compatMode== 'CSS1Compat' )? document.documentElement.clientWidth : document.body.clientWidth) < 980? '980px' : 'auto' );
  6. }

Jede der oben genannten vier Methoden kann das Problem lösen, dass IE6 das Attribut min-width nicht unterstützt. Diese Site verwendet die vierte Methode.

Die oben genannte einfache Methode der mit IE6 kompatiblen Mindestbreite und Mindesthöhe ist der gesamte Inhalt, den der Editor mit Ihnen teilt. Ich hoffe, es kann Ihnen als Referenz dienen. Ich hoffe auch, dass Sie 123WORDPRESS.COM unterstützen werden.

<<:  Einführung in vierzehn Fälle von SQL-Datenbank

>>:  CSS3-Implementierungscode für den kreisförmigen Fortschritts-Tick-Effekt

Artikel empfehlen

Zusammenfassung von 10 erweiterten Tipps für Vue Router

Vorwort Vue Router ist der offizielle Routing-Man...

So implementieren Sie Zeilenumbrüche im Texteingabebereich von Textarea

Wenn Sie den Text im Textarea-Eingabebereich umbre...

Ein Vergleich zwischen dem href-Attribut und dem onclick-Ereignis des a-Tags

Lassen Sie uns zunächst über die Ausführungsreihe...

So verwenden Sie den Linux-Befehl tr

01. Befehlsübersicht Der Befehl tr kann Zeichen a...

So verwenden Sie das VS2022-Remote-Debugging-Tool

Manchmal müssen Sie bei der Arbeit ein Remote-Deb...

Realisierung der Echtzeit-Dateisynchronisierung zwischen Linux-Servern

Anwendungsszenarien Bei vorhandenen Servern A und...

Detailliertes Tutorial zur Installation von Centos8 auf VMware

Offizielle Website-Adresse von CentOS https://www...

Vue implementiert Baumtabelle

In diesem Artikelbeispiel wird der spezifische Co...

So ändern Sie die Zeitzone und die Uhrzeit im Ubuntu-System

Auf einem Linux-Computer gibt es zwei Zeitzonen: ...

CSS-Positionierungslayout (Position, Positionierungslayoutfähigkeiten)

1. Was ist Positionierung? Das Positionsattribut ...