2010-01-06 3 views

Antwort

6

Es gibt definitiv einen Unterschied zwischen Chrome und Safari aufgrund der Font-Rendering von Safari. In Safari tendieren Texte aufgrund des Anti-Aliasing-Algorithmus dazu, etwas kühner zu wirken und können manchmal ein paar zusätzliche Pixel auf dem Bildschirm einnehmen.

Denken Sie auch daran, dass Safari die JavaScript-Engine SquirrelFish verwendet, während Chrome V8 verwendet.

+0

Unterschied von Javascript-Engine kann Unterschiede in HTML-CSS-Präsentation machen? –

+0

Wenn Ihre Seite überhaupt kein Javascript verwendet, brauchen Sie sich keine Sorgen zu machen. Es ist nicht der HTML oder CSS, der brechen könnte, es ist der JavaScript-Code. – slebetman

+0

so keine Notwendigkeit, sich zu sorgen, wenn Javascript-Engine anders ist, wenn Engine anders ist, dann denke ich, es ist eine Frage der Javascript-Rendering-Geschwindigkeit nicht HTML-CSS-Rendering –

1

Ich würde überprüfen, ja.

Während alle Browser denselben Rendering-Core verwenden, sind sie nicht unbedingt auf der gleichen Version (und es gibt auf jeden Fall mehrere Versionen von Safari).

Auch, wie Slebetman sagt, Font-Rendering ist ziemlich unterschiedlich je nach OS und Anti-Aliasing-Einstellungen auch, so dass Sie sich dessen bewusst sein müssen.

1

Es gibt große und kleine Unterschiede. Überprüfen Sie!

Minor: volle Unterstützung für CSS3 Border-Radius in Chrome. Ich habe gelesen, kann aber nicht in Safari finden.

Major: Zoomen in Chrome zoomt alles. (Dies ist das Verhalten in fast jedem Browser.) Zoomen Safari zoomt Text, lässt aber andere Dinge unverändert. Ihre immer so sorgfältig angelegte Form wird sehr wahrscheinlich verworfen, wenn der Benutzer hineinzoomt. Lassen Sie viel Platz frei.

1

Schatten sind schnell & hässlich in chome; langsamer & schöner in Safari (und Firefox). IIRC gab es auch einige Unterschiede in CSS3-Übergängen - aber diese Details sind sowieso noch in Bewegung und ändern sich von Version zu Version.

In der Praxis überprüfe ich nur regelmäßig eines der beiden, was im Allgemeinen gut ist. Bevor Sie größere Änderungen online vornehmen, ist es natürlich keine schlechte Idee, erneut zu überprüfen, aber während der Entwicklung ist es nicht die Mühe wert; Sie sind so ähnlich ...

2

Ich habe einen Unterschied in der Art und Weise gefunden, wie Safari und Chrome SELECT-Boxen auswählen. Ich glaube Chrome scheint die Zeilenhöhe zu ignorieren, während in Safari die Zeilenhöhe einen Unterschied macht.

Safari von Windows 5.1.7 v Chrome Windows-Version 22.0.1229.94 m

Ich denke, das mit dem Standard-User-Agent-Stil zu tun ist?

Verwandte Themen