ウェブデベロッパーが注目すべきブラウザ間の主な違いは何ですか？

Question

ウェブサイト用にCSSを作成しているときに、一部のブラウザで動作することがあり、そうでないものがある場合は痛いです。 私は経験開発者に注目されている既存の問題を見つけることができる場所があるのだろうかと思います。だから私は開発中に注目の問題のリストを持つことができます。

トリックとは何ですか？ どこを見つけることができますか？ 可能なら解決するには？

Answer 1

最も問題のあるブラウザはInternet Explorer（特に6以下、7はそれほど悪くなく、8は正しい方向に大きなステップです）です。

IEが市場の大部分を占めていても、XHTML doctypeを使用してFirefoxやWebkit（ChromeやSafari）などの標準準拠のブラウザを開発し、後でIEで矛盾を修正します。そうすれば、GeckoやWebkitエンジンで動作する場合、ほとんどのブラウザで動作することが保証されます（IE以外のほとんどの場合、完璧に非常に近い]）。

IEで実行する問題のほとんどは、インターネット上で十分に文書化されており、ページが標準に準拠している場合には修正するのが簡単です。

最初にIE6（特にIE6）用に開発した場合、残りのブラウザでページを動作させてください。変更がIEレンダリングを破る可能性があるため、問題があります。

また、フォントの可用性とレンダリングはプラットフォームによって異なることに注意することが重要です。 Windows上のVerdanaは、Mac上と同じように平滑化されないかもしれませんし、フォントは* nix上に存在しないかもしれません。

QuirksModeが与えられたブラウザでサポートされる機能の包括的なリストがあります。個人的に

Compatibility Master Table (quirksmode.org)

を、IE6で私の最大のpeeveは、透明性とPNG-24さんのためにその貧弱なサポートです。これをいくらかサポートするには、filterが必要です。