6

Twitter-Bootstrap のナビゲーション ピルを使用しています。特定の画面解像度では、明確な理由もなく錠剤が押し下げられます。Firebug を使用している場合、.nav-pills から display:table を削除すると、問題は解決します。自分の .css ファイルの 1 つで display:table を上書きしようとしましたが、これまでのところ、Firefox は常に私の上書きの試みを別のスタイルと見なします。

これが問題の例です。これが問題を処理する最善の方法ではないことはわかっていますが、問題を実証するには最善の方法のようです。

前もって感謝します、

ブートストラップ CSS:

.nav-tabs:before, .nav-pills:before, .nav-tabs:after, .nav-pills:after 
{
    content: "";
    display: table;
}

私のCSS：

.nav-tabs:before, .nav-pills:before, .nav-tabs:after, .nav-pills:after 
{
    display:block !important;   
}

CSS の結果: 表示スタイルがブートストラップ スタイルをオーバーライドする必要がある場合、Firefox は両方の css ステートメントを個別のスタイルとして認識するようです。

Firefox CSS の結果

4

1 に答える 1

1

Chrome で要素を調べると、その要素に適用された css セレクターがメディア クエリに属しているかどうかを確認できます。

ブートストラップのダウンロードを構成したときに、[レスポンシブ] セクションのオプションを確認しましたか?

問題は、メディア クエリの css セレクターが独自の css-selector をオーバーライドしていることだと思います。

于 2012-06-25T20:23:46.923 に答える