4

サイト: http://clientfiles.priworks.com/lgmanagedportfolios/test/investment.html

私はしばらくこの Web ページで作業しており、最初のサブメニュー リンクの左側を最初の親/メイン メニュー リンクの左側に揃えようとしています。

それを行う論理的な方法はないと思いますが、多くの混乱の後、私はそれを正しくすることに近づいています。この位置は、すべての win ブラウザーとすべての Mac ブラウザー (いくつかの条件付き CSS を使用) で一貫していますが、Win ブラウザーと Mac ブラウザーを合わせた場合ではありません。たとえば、Mac Firefox ではテキストが右すぎますが、Win Firefox では完全です。

質問: Mac ブラウザー専用にパディングを調整する方法はありますか?

4

5 に答える 5

4

テキストのサイズ変更/位置の不一致について言及しましたが、EricMeyerのCSSResetやNormalize.cssなどを使用してみましたか？彼らはそのような問題を解決する傾向があります。

ちなみに、テキストの違いに関するこれらの問題は、デフォルトとして異なるフォントを使用するWindowsとMacが原因で発生するため、OSごとに異なるスタイルシートを使用する代わりに、CSSを使用して同じサイズとフォントファミリにすることが必要な場合があります。

于 2012-04-20T14:05:52.220 に答える
4

純粋なcssでこれを実行できるとは思いませんが、javascriptでOSを検出し、それを使用して別のcssをロードできます。

http://www.quirksmode.org/js/detect.html

于 2012-04-20T13:58:14.160 に答える
2

上記のコメントの1つで達成しようとしていたことの適切なコードを次に示します

if (navigator.platform === 'MacIntel' || navigator.platform === 'MacPPC') {
    $('head').append('<link rel="stylesheet" type="text/css" href="mac.css" />');
}​ else {
    $('head').append('<link href="main.css" rel="stylesheet" type="text/css" />');
}

あなたの Mac がそれを検出しなかった理由は、A. あなたの構文が間違っていて、B. サイトのソースを見て<link href="main.css" rel="stylesheet" type="text/css" />、head セクションのままにしておくと、Mac ブラウザはまだその css ファイルを読み込んでいるからです。Mac がサイトをブラウズしている場合、またはデフォルトの css をロードしている場合にのみ、ブラウザ上で私のコードを使用すると mac.css ファイルが与えられます。

于 2012-04-20T17:55:44.020 に答える
0

CSS リセット シートを使用するか、正規化すると、デフォルトのスタイルが取り除かれ、すべてのブラウザがほぼ同じように表示されます。

または* { padding: 0;}、すべてのパディングを 0 に設定するために使用しますが、すべての CSS のパディングを設定する必要があります。

于 2012-04-20T17:30:39.957 に答える
-2

アップデート：

jQueryを使用して、CSSを特定のOSの特定のブラウザーにオンザフライで適用することをお勧めします。スクリプト言語の助けも必要になります。

$ _SERVER ['HTTP_USER_AGENT']スーパーグローバル変数を使用して、ブラウザーとOSタイプの情報を取得します。OS = LIONで、ブラウザがSafariの場合は、フラグを設定します。

フラグが設定されている場合にのみCSSを適用するには、jQueryでこのフラグを使用します。

古い答え：

これはSafariとChromeのCSSになりますが、Windowsプレートフォームの同じブラウザーにも影響します。

Safariとgooglechromeは、webkitと呼ばれる同じエンジンを使用します。を使用してこれら2つのブラウザをターゲットにできます

-webkit-プロパティ

このリンクをチェックしてください

使用できるWebkitプロパティのリストは次のとおりです。

いくつかの例

-webkit-animation
-webkit-animation-delay
-webkit-animation-direction

ただし、これらは基本的なものではなく、ほとんどが高度なプロパティです。

于 2012-04-20T13:56:13.717 に答える