2011-01-29 12 views

答えて

9

いいえ、そうではありません。

私が経験している限り、SafariとChrome(OS X)はフォントのレンダリング方法が異なるようです。 Safariは、Chromeよりもはるかに小さい指定サイズのフォントを表示します。

クローム: enter image description here

サファリ:あなたのサイトのJavaScriptの任意のかなりの量を持っている場合 enter image description here

+3

おそらく、Chromeは標準のWindowsフォントサイズを使用し、Safariは標準のMacフォントサイズを使用するためです。 72 dpi(Macでは、印刷されたページと一致する)と96 dpi(Windows上で)の問題です。これは何年もの間続きました。 [興味深い記事を読む](http://blogs.msdn.com/b/fontblog/archive/2005/11/08/490490.aspx) –

+0

そうかもしれない!私は、両方のブラウザにこのサイズを調整するオプションがあることを知っていますが、ユーザーがこれらの設定を調整することは想定できません。もちろん、固定サイズのフォントより相対的なフォントサイズを好むかどうかについて議論することができます:) – slhck

6

あなたは違いがあるとして、両方のブラウザをテストする必要があります。たとえば、SafariではJavaScriptエラーが発生しますが、Chromeではエラーが発生します。

var x = new Date('02-22-2011'); 
2

間違いなく両方のブラウザをテストする必要があります。彼らはレンダリングを行うためのWebKitを使用している場合でも、多くの違いがあります。

  1. フォント - 彼らは違ったものにする、私は互換性の高いフォントを生成するFontSquirrelをお勧めします。
  2. パフォーマンス - テクノロジの実装に関して、DOMを画面上でレンダリングする方法がそれぞれ異なります。 ChromeはSkia(Linux、Windows)を使用しますが、Macは別の​​ものを使用します。たとえば、Chrome対Safari vs Firefoxでは200以上の子供のDOMを隠すようにしてください。Chromeは20+秒、Safariは5秒以上、Firefoxは1秒未満です。レンダリングの時間が異なるため、各ユーザーが何を体験しているかを確認するためには、レンダリングの時間を確認する必要があります。
  3. 特長 - HTML5の機能の組み合わせが異なりますが、同じ機能が設定されていません。
  4. JavaScript - 上記のユーザーとは多少の違いがあり、別の例としてキーイベントのバブリングが異なる可能性があります。

しかし、それらは本当に似ていますが、レイアウトは賢明です。(修正は本当に最小限です)心配する必要はありませんが、本当に奇妙なケースを排除するためにテストする方が良いです。

1

両方のブラウザで、さらにはオペレーティングシステム間でテストする必要があります。特にカスタムフォント(@ font-face経由)を使用している場合は、ChromeとSafariのレンダリング方法が異なります。私は、LinuxとWindowsで使用するとChromeのレンダリング方法が異なっているのに対し、SafariはWindowsとiPadで異なる方法でレンダリングすることがわかりました。

関連する問題