Was ist der richtige Weg, um mit CSS-Browser-Kompatibilität umgehen?

Question

Ist es besser, eine andere CSS-Datei für jeden Benutzer-Agenten zu haben, oder ist es besser, CSS Hacks zu verwenden, die nur bestimmte Browser sehen kann?

Answer 1

Weder noch.

Das Beste ist, Code zu schreiben, ohne die Notwendigkeit von Browser-spezifischen Code oder CSS-Hacks in allen Browsern funktioniert. Es ist natürlich nicht ganz so einfach zu bewerkstelligen, weshalb viele Menschen, die anderen Methoden.

Der Schlüssel ist, Dinge zu vermeiden, dass einige Browser (sehr häufig Internet Explorer) haben Probleme mit. Eine solche Sache ist padding zu verwenden, anstatt Marge, da IE nicht Rand korrekt kollabiert behandeln.

Einige Methoden, die in der Grenzlinie des Sein Hacks ist Code, der nicht Browser nicht beeinträchtigt, die richtig funktionieren, aber behebt Probleme für einen bestimmten Browser. Dass es sein könnte wie eine Höhe für ein Element angeben, die normalerweise nicht einen benötigen, oder die Angabe display:inline auf einem schwimmendes Elemente.

Die Seite Position rel="nofollow ist alles Beispiele für einige Bugs und Fixes vorgeschlagen. (Oft ist die Lösung ist eine Art von Hack, so sollten Sie natürlich auch prüfen, ob Sie das Problem ganz vermeiden können.)

Answer 2

Es ist besser, nicht zu tun.

Ein gutes CSS-Reset und CSS, die den gleichen Cross-Browser funktioniert, ist eine viel bessere Lösung.

Wenn Ihr Design absolut dass ausschließt, dann (und nur dann) würde ich versuchen, Hacks oder IE bedingte Kommentare.

Ich habe noch nicht die Notwendigkeit mehrfachiger CSS-Dateien zu sehen (über ein paar IE6 Korrekturen über einen bedingten Kommentar angesprochen).

Answer 3

Auch wenn möglich. Nun, da die alten Netscape, IE <= 6 usw. sind nicht mehr wirklich so viel in Gebrauch, ich versuche Funktionen zu verwenden, die Arbeit in all diesen Browsern (zB FF> = 2, IE> = 7, Chrome, Opera).

Answer 4

Bedingte Kommentare für Probleme mit dem Internet Explorer erscheint die Norm sein. In Kombination mit einem wenig JavaScript, wie Dean Edwards ie7.js Sie können, ohne auf Hacks in Ihrem CSS-Dateien die meisten Cross-Browser-Probleme mildern.

Answer 5

ist es besser, eine andere CSS-Dateien für Internet Explorer 6-7 (schließen sie über bedingte Kommentare ) und ein Hacks für anderen Browser.

Answer 6

Eine Art Follow-up ist, wie die einzelne Datei zu entwickeln, die funktionieren.

Der beste Ansatz, den ich Arbeit gesehen habe, ist aus dem Nichts zu beginnen, es langsam aufzubauen und durch Änderung Änderung überprüfen, ob es in Ihrem Kern Browser noch kompatibel ist (vor allem der problematischen).

Wenn Sie es vollständig mit einem Browser bekommen zu arbeiten und dann sagen: „Zeit zu konvertieren es“ ist, wenn der Schmerz wirklich beginnt und wo man Hacking starten.

Answer 7

Mein Ansatz ein mit PHP-Klasse o, Browser und Browser-Version zu erkennen. Sie können auf jedem Betriebssystem eine beliebige Version von nahezu jedem Browser Ziel.