2

私はこのようにマークアップされた非常にシンプルなボタンを持っています：

<a href="#" class="common_cta buttons send_inquiry">
    <span>Back to homepage</span>
</a>

<a>要素の計算されたスタイルは次のようになります：http： //pastebin.com/u9q6BDHx

計算されたスタイルは次の<span>ようになります：http：//pastebin.com/P9mR7yHF

WindowsとOSXを比較すると、次のようになります。

ここに画像の説明を入力してください

ご覧のとおり、Windowsと他のすべての間に1ピクセルの不一致があります。設計者はこれがピクセルパーフェクトな実装であることを要求しており、OSX専用の問題を修正する方法がわかりません。

どうすればこれを修正できますか？

4

1 に答える 1

2

oすべてのブラウザでCSSの処理方法が少なくともわずかに異なることがわかります。たとえば、私の会社のWebサイトでは、クレイジーなSEOの「トリック」を使用して、Goggleで表示した場合と、ユーザーが情報を表示した場合のページの上位にセクションを配置しています。その結果、私が作成するCSSの一部には、ブラウザー固有の調整が必要です。

あなたが探しているのは、ブラウザごとに個別のスタイルを使用できるようにする、次のようなものだと思います。

.win.ie .buttons {padding:3px 5px;}
.mac.gecko .buttons {padding:4px 5px;}
.chrome .buttons {padding:4px 6px;}
.win.gecko .buttons{padding:4x 6px;}
于 2012-04-21T01:33:25.240 に答える