Lassen Sie IE6 den Austausch mit minimaler Breite und minimaler Breite_Erfahrung unterstützen

IE6, das die höchste Browser-Nutzungsrate aufweist, unterstützt dies jedoch nicht, obwohl ie7, das später herauskam, begonnen hat, dieses Attribut zu unterstützen. Aus Sicht der Benutzererfahrung ist jedoch auch die Unterstützung mehrerer Browser sehr wichtig, ganz zu schweigen davon, dass IE6 derzeit immer noch den höchsten Anteil hat.
Besonders bei Verwendung eines flüssigen Layouts werden die Attribute „Min-Breite“, „Min-Höhe“, „Max-Breite“ und „Max-Höhe“ verwendet. Das Folgende ist eine sehr praktische Möglichkeit, „Min-Breite“ und „Max-Höhe“ in IE6 anzuzeigen. Die Methoden „Min-Höhe“, „Max-Breite“ und „Max-Höhe“ mit demselben Effekt werden hier mit Ihnen geteilt.
Genug geredet, hier ist der Quellcode:
Triggern und nutzen Sie die seltsamen Funktionen des IE6-Layouts, CSS-Implementierung:

Code kopieren Der Code lautet wie folgt:

>

ie6-under, der Container implementiert simulierter Min-Width-Effekt. Bitte ändern Sie die Größe des Browserfensters wie gewünscht und klicken Sie auf die Schaltfläche „Breite anzeigen“.

CSS-Implementierungsdemonstration:






CSS implementiert die Mindestbreite

Unter ie6- implementiert der Container einen simulierten Min-Width-Effekt. Bitte ändern Sie die Größe des Browserfensters wie gewünscht und klicken Sie auf die Schaltfläche „Breite anzeigen“. <meta http-equiv="Content-Type" content="text/html; charset=gb2312"> <title> </title> <style type="text/css"> body{ text-align:center;} .ie6-out{ _margin-left:900px; _zoom:1; } .ie6-in{ _position:relative; _float:left; _margin-left:-900px; } #min-width{ min-width:900px; background:#ccc; line-height:200px; _zoom:1; } </style> <div class="ie6-out"> <div class="ie6-in"> <div id="min-width"> </div> </div>[Strg+A Alle ausw盲hlen Hinweis: </div>Wenn Sie externe Js einf眉hren m眉ssen, m眉ssen Sie zum Ausf眉hren eine Aktualisierung durchf眉hren <input name="" type="button" onclick="alert('瀹瑰">