2012-11-13 5 views
7

私は顧客のウェブサイトを開発しており、Windows上の主要なブラウザでテストしました。Google Chrome - MacとPCの違い

今、私はChrome WinとChrome Mac(同じバージョン)の間に少し違いがあります。 これは本当にマイナーなものですが、顧客がそれらを見つけたので、私は思っています.2つのバージョンをできるだけ似たようにするためにCSSを使ってできるリセットがいくつかありますか?

私はブラウザのデフォルトの-webkitプレフィックスで作業しなければならないと思いますが、適切なウォークスルーは分かりますか?

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

ありがとうございます!

UPDATE:私が言及している違いは、主にフォントサイズの文字間隔と要素の高さと線の高さに関するものです。

+0

これらの違いが何であるかを実際に言及するとよいかもしれません... – pkluz

+0

あなたは何について話していますか? – SKeurentjes

+0

あなたが正しいです、私は質問を更新しました – tanathos

答えて

12

実行しているのは、デフォルトのブラウザCSS定義です。すべてのブラウザが基本要素と同じように動作するように、プロジェクトを開始するときにCSSをリセットまたは正規化することは常に良い考えです。

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

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

プレフィックスに関しては、実際にはCSS属性の一部だけがプレフィックスを使用します。ここで良い説明があります:どのプレフィックスを使用するブラウザそのうちhttp://webdesign.about.com/od/css/a/css-vendor-prefixes.htm

一覧:

  • アンドロイド:-webkit-
  • クローム:-webkit-
  • のFirefox:-moz-
  • Internet Explorer:-ms-
  • iOS:-webkit-
  • Opera:-o-
  • Safari:-webkit-

フィルタを使用するIEの古いバージョンでは、一部のCSSプロパティを別に定義する必要があります。不透明度はその1つです。

関連する問題