Wenn Ihr etwas seltsamer CSS-Code auf allen Browsern unter Windows funktioniert, wird er dann auch auf Mac und Linux funktionieren?

Question

Ich teste gerade einen seltsam anmutenden CSS-Code, den ich geschrieben habe (ich verwende eine Mischung aus Prozentsätzen und Pixelwerten für die Breite von DIVs, grundsätzlich). Ich bin zwar nicht überzeugt, dass es richtig ist, aber es funktioniert perfekt auf allen Bildschirmgrößen auf IE 5.5, IE 6.0 ( dank dieser Jungs !), IE 7.0, Firefox 3.0 und Safari 3.12... alle unter Windows XP. Muss ich mich weiter darum kümmern, den Code auf Mac und Linux zu testen, oder wird er höchstwahrscheinlich auf diesen beiden Betriebssystemen einwandfrei funktionieren?

---

Editar:

Nachdem ich einige Monate mit diesem Problem gearbeitet habe, habe ich festgestellt, dass Safari und Firefox auf Mac und PC erstaunlich konsistent sind.

Answer 1

Funktioniert es auch auf Mac und Linux?

Nicht unbedingt.

Die Darstellung von Schriften ist das größte Problem bei dieser Art von plattformübergreifenden Anwendungen. Einige Schriftarten, die unter Windows verfügbar sind, sind standardmäßig nicht in anderen enthalten, und OSX hat ein sehr schwerfälliges Schriftart-Rendering-Modell (obwohl Safari unter Windows dies zeigen sollte - zumindest war es früher so).

Allgemeine Kastenmodelle, Auffüllungen, Ränder usw. sollten alle Standard sein.

Answer 2

http://browsershots.org/

Dadurch können Sie Ihre Website in mehreren Browsern auf mehreren Plattformen (einschließlich Linux) anzeigen. Ich möchte jedoch betonen, dass die Wahrscheinlichkeit, dass Ihre Website in allen Browsern zu 100 % identisch aussieht, praktisch unmöglich ist, und manchmal muss man sich mit 99 % zufrieden geben.

Überlegen Sie, welche Zielgruppe Sie ansprechen wollen und welche Browser/Betriebssysteme diese in der Regel verwenden werden. Führen Sie außerdem nach dem Aufbau der Website einige statistische Auswertungen durch (z. B. Google-Analysen ) und finden Sie heraus, was von Ihrer Zielgruppe verwendet wird.

Answer 3

Der Mac-Bereich ist sehr knifflig. verschiedene Betriebssystemversionen haben verschiedene Safari-Versionen, so dass es wirklich schwierig ist, ohne einen Haufen Macs zum Testen zu haben. wenn es auf Safari für Windows gut aussieht, stehen die Chancen gut, dass es auf Safari für den Mac gut aussieht. vor allem, wenn Ihr Hauptanliegen mit div-Breiten ist.

Linux hat eine Reihe von Browsern und ich bezweifle ernsthaft, dass irgendjemand da draußen sie alle testet. Da Firefox unter Linux läuft, haben Sie einen guten Prozentsatz des Linux-Marktes abgedeckt.

haben Sie bereits über 95 % des Browsermarktes abgedeckt mit den Browsern, die Sie getestet haben.

Answer 4

OS X hat viele WebKit-basierte Browser, z. B. Safari/Shiira/iCab/OmniWeb, sowie Firefox/SeaMonkey/Camino und Opera. Ich habe keine Statistiken, aber ich würde schätzen, dass dies mindestens 98 % aller Nutzer abdeckt.

Ergebnisse aus Debian-Beliebtheitswettbewerb :

w3m            85.93%
iceweasel      60.35%
lynx           25.71%
konqueror      21.95%
links           9.23%
iceape-browser  6.69%
elinks          6.51%
links2          4.09%
dillo           2.70%
galeon          2.35%
epiphany        0.79%
w3m-el          0.75%
kazehakase      0.58%
midori          0.30%
arora           0.29%

(Dies erfasst nicht die Nutzer von nicht-[DFSG]-freier* Software wie Mozilla Firefox und Opera.) Linux-Benutzer sind ein sehr heterogenes Publikum; selbst wenn Sie mit Mozilla Firefox, Opera und Konqueror von KDE 4 unter Windows testen, decken Sie nicht einmal annähernd den größten Teil der Benutzergruppe ab.

Wenn Sie sich jedoch auf Browser mit Unterstützung für modernes CSS beschränken, werden Sie feststellen, dass es nur wenige zugrunde liegende Engines gibt: Trident (IE), Gecko (Mozilla), WebKit (Apple), KHTML (KDE) und Presto (Opera). Nehmen Sie diese einzeln:

• Trident: wird nur vom IE in Windows verwendet, Sie testen es bereits.
• Gecko: wird vom Browser der Mozilla Suite verwendet (Mozilla Navigator, SeaMonkey Navigator, IceApe Navigator, Mozilla Firefox, IceCat, IceApe, Epiphany-Gecko, Galeon, Kazehakase-Gecko). Die Darstellung von Schriften, Bildern und Plugins variiert stark von Plattform zu Plattform.
• WebKit: verwendet von Safari/Shiira/iCab/Omniweb, Google Chrome, Epiphany-WebKit, Kazehakase-WebKit, Arora. Das Rendering sollte in allen OS X-Browsern völlig einheitlich sein, da sie die vom System bereitgestellte WebKit-Bibliothek verwenden, aber Safari und Google Chrome unter Windows haben sehr unterschiedliche Zeichen-Engines darunter, und unter Linux gibt es sowohl Gtk+- als auch Qt-Versionen mit unterschiedlichem Verhalten.
• KHTML: WebKit wurde davon abgezweigt, aber die Entwicklung wurde unabhängig davon fortgesetzt, und so gibt es eine Menge Abweichungen. Wird hauptsächlich von Konqueror verwendet. Der Konqueror von KDE 4 wurde auf Windows und OS X portiert und verhält sich sehr ähnlich; allerdings hat sich das KHTML von KDE 4 gegenüber dem von KDE 3 deutlich weiterentwickelt und wird immer noch häufig verwendet.
• Presto, verwendet in Opera 7 und höher. Plattformübergreifend konsistent.

Wie bereits in einer anderen Antwort erwähnt, sind das HTML-Parsing und das CSS-Box-Modell für jede Engine plattformübergreifend unverändert. Es sind nur die "kleinen" Dinge wie Schriftarten, Bilder und Plugins, die sich unterschiedlich verhalten werden.

Answer 5

Nach meiner Erfahrung rendert FF3 auf Mac und Win nicht genau dasselbe, aber immer noch nahe genug, um nicht beide zu überprüfen.