1

私が取り組んでいる Web サイト (コメントの URL) には、メニューに問題があります。bottomのプロパティ#navが に設定されている場合、Chrome では問題ないように2px見えますが、FF と IE では見栄えが悪くなります。に設定すると3px、FF と IE では問題ないように見えますが、Chrome では問題があります。

なぜこれが起こるのですか？どうすれば修正できますか？

4

3 に答える 3

3

Chrome/safari の場合はハックを使用します

@media screen and (-webkit-min-device-pixel-ratio:0) {
#nav { bottom: 2px !important; }
}

あなたのために働くでしょう

于 2013-06-26T06:21:21.790 に答える
0

ブラウザの @media ハックは 1 つの解決策ですが、ブラウザ間の互換性が必要な場合は、CSS リセットを使用する必要があります。これは、すべてのブラウザにデフォルトのスタイルがあるためです。これは、すべてのカスタム スタイルの前に style.css ファイルに配置するか、独自のスタイルの前に cssreset.css ファイルを含める必要があります。

ここで css リセットを見つけることができます: http://meyerweb.com/eric/tools/css/reset/

于 2013-06-26T06:34:43.693 に答える
0

jquery を使用してブラウザー検出を使用し、下の値を設定し、デフォルト値を 3px のままにすることができます。

if ($.browser.webkit) {
    $("#nav").css('bottom','2px');
  }
于 2013-06-26T06:37:42.383 に答える