8

私は顧客向けのWebサイトを開発しており、Windowsの主要なブラウザーでテストしました。

今、私はChromeWinとChromeMac(同じバージョン)の間にいくつかの小さな違いに直面しています。これらは本当にマイナーなことですが、顧客がそれらを見つけたので、私は疑問に思います.. 2つのバージョンをできるだけ類似させるためにcssを介して実行できるリセットがいくつかありますか?

ブラウザのデフォルトの-webkitプレフィックスを使用する必要があると思いますが、適切なウォークスルーを知っていますか?

つまり、Chromeをリセットし、クロスプラットフォームでも可能な限り同じようにレンダリングするために使用できるベース.cssがいくつかありますか?

ありがとう!

更新:私が言及する違いは、主にフォントサイズの文字間隔と、要素の高さと行の高さに関連するものに関係しています。

4

1 に答える 1

12

あなたが遭遇しているのは、デフォルトのブラウザのcss定義です。プロジェクトを開始するときにCSSをリセットまたは正規化して、すべてのブラウザーが基本要素と同じように動作するようにすることをお勧めします。

http://meyerweb.com/eric/tools/css/reset/ <<リセット。すべての一般的なCSSを0に設定します。これは、使用するすべての要素のスタイルを設定することを意味するため、使用が難しい場合があります。つまり、リストにはデフォルトのパディングやリストスタイルがなくなりました。

http://necolas.github.com/normalize.css/ << Normalizeはいくつかのデフォルト設定を提供しますが、それでもすべての最新のブラウザーを同じ開始点に戻そうとします。

プレフィックスに関しては、実際には一部のCSS属性のみがプレフィックスを使用します。ここに良い説明があります:http ://webdesign.about.com/od/css/a/css-vendor-prefixes.htm

どのブラウザがどのプレフィックスを使用しているかのリスト:

  • Android:-webkit-
  • Chrome:-webkit-
  • Firefox:-moz-
  • Internet Explorer:-ms-
  • iOS:-webkit-
  • オペラ:-o-
  • Safari:-webkit-

また、一部のCSSプロパティは、フィルターを使用して古いバージョンのIEとは異なる方法で定義する必要があることに注意してください。不透明度はその1つです。

于 2012-11-13T13:09:03.750 に答える