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

Eine einfache Möglichkeit zum Erstellen einer Docker-Umgebung

Lassen Sie uns zunächst verstehen, was Docker ist...

So installieren und verwenden Sie Cockpit unter CentOS 8/RHEL 8

Cockpit ist ein webbasiertes Serververwaltungstoo...

Lösung für Linux, das nicht alle Befehle unterstützt

Was soll ich tun, wenn Linux nicht alle Befehle u...

MySql legt die angegebenen Benutzerdatenbankansichtsabfrageberechtigungen fest

1. Neuen Benutzer anlegen: 1. Führen Sie eine SQL...

Der Unterschied zwischen redundanten und doppelten Indizes in MySQL

MySQL ermöglicht das Erstellen mehrerer Indizes f...

Webdesign: Implementierungstechniken für Webmusik

<br />Wenn Sie Musik in eine Webseite einfüg...

Die Vorteile von Div+CSS und Web-Standardseiten

Das Div-Element wird verwendet, um Struktur und Hi...

7 native JS-Fehlertypen, die Sie kennen sollten

Inhaltsverzeichnis Überblick 1. Bereichsfehler 2....

Detaillierte Erklärung der MySQL-Gruppierung durch Optimierung

Inhaltsverzeichnis Standardausführungsprozess Opt...