Dieses Mal werde ich Ihnen zeigen, was zu tun ist, wenn der Browser nicht mit dem von mir geschriebenen Code kompatibel ist, und eine Zusammenfassung der sechs wichtigsten Browserkompatibilitätsprobleme. Das Folgende ist ein praktischer Fall, schauen wir uns das an.
1. Problem 1
Problemsymptome: Schreiben Sie einfach ein paar Tags ohne Stilkontrolle, und der Rand und die Polsterung jedes Tags werden ziemlich unterschiedlich sein.
Lösung: *{margin:0;padding:0;} in CSS hinzufügen
2. Problem 2
Problemsymptome: Die Höhe dieser Beschriftung in IE6, 7 und Ayouli ist unkontrolliert und überschreitet Ihren eigenen Satz height
Lösung: Stellen Sie overflow:hidden für Beschriftungen ein, die die Höhe überschreiten, oder stellen Sie die Zeilenhöhe line-height so ein, dass sie kleiner als die von Ihnen festgelegte Höhe ist.
3. Problem drei
Symptome: display:inline_block in css hat keine Auswirkung;
Problem vier Mehrere
img-Tags
können nicht entfernt werden, und die Verwendung von *{margin:0;padding:0;} funktioniert auch nicht. Lösung: Verwenden Sie float 5 : Da
min-height
selbst eine inkompatible CSS-Eigenschaft ist, ist das Festlegen von min-height mit verschiedenen Browsern nicht gut kompatibel.
Lösung: Wenn wir die Mindesthöhe einer Beschriftung auf 200 Pixel festlegen möchten, sind die Einstellungen Wir müssen Folgendes erstellen: {min-height:200px; height:auto !important; height:200px; Grund: Für die Funktion des Z-Index gibt es eine kleine Voraussetzung, das heißt, das Attribut
Position
des Elements muss relativ, absolut oder fest sein.
1. Position:relativ in position:absolut ändern;
3. Positionsattribute (z. B. relativ, absolut usw.) hinzufügen.
7. Problem 7Problemsymptom: Problem mit der horizontalen Zentrierung des ElementsLösung: FF: margin:0 auto;
IE: parent {
text-align
:center; 🎜>
Ich glaube, dass Sie die Methode beherrschen, nachdem Sie den Fall in diesem Artikel gelesen haben. Weitere spannende Informationen finden Sie in anderen verwandten Artikeln auf der chinesischen PHP-Website!
Verwandte Lektüre:
Zusammenfassung häufig verwendeter Array-Methoden in JS
Zwölf aktuelle Front-End-Interviewfragen im Jahr 2018
Zehn aktuelle Frontend-Interviewfragen im Jahr 2018
Das obige ist der detaillierte Inhalt vonWas soll ich tun, wenn der Browser nicht mit dem von mir geschriebenen Code kompatibel ist?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!