Heim > Web-Frontend > js-Tutorial > Hauptteil

Was soll ich tun, wenn der Browser nicht mit dem von mir geschriebenen Code kompatibel ist?

php中世界最好的语言
Freigeben: 2018-03-07 14:54:25
Original
2266 Leute haben es durchsucht

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.

Lösung:

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!

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage