2

Meteor（fluid.html）でブートストラップの例を使用しています。ブートストラップを最新の2.0.4に更新しました。

しかし、私はpadding-top: 60px;間違った方法で競合するという奇妙な問題を抱えています

@media (max-width: 979px)
    body {
    padding-top: 0;
}

そしてまあ..webkitはこれを行うようです（何らかの理由でMeteorでのみ）：

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

最終的には次のようになります。

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

（黒いバーの上の上部にギャップがあります）-もちろんこれは流動的なレイアウトなので、ブラウザーを小さなビューにドラッグする必要があります（iPhone / Android /タブレットの場合）

どうすればブラウザをpadding-top: 0設定として使用できるようになり、これが実行されなくなりますか？または、なぜこれを行うのですか（cssファイルは同じ順序でロードされます-最初bootstrap.cssに、次にbootstrap-responsive.css。違いがわかりません

（このようになっているはずです：http ：//twitter.github.com/bootstrap/examples/fluid.html ）

4

2 に答える 2

2

2.0.4にアップグレードした後も、特定の解像度でを使用するとコンテンツが非表示になるという問題がありましたnavbar-fixed-top。これは、特定の解像度で発生することです。

コンテンツはnavbarの下に隠されます

CSSを微調整した後、CSSファイルの先頭に追加するとすべての解像度で修正される次のことを思いつきました。

@media (min-width: 979px) { body { padding-top: 60px; } }

パディングは適切なメディアクエリで適切に調整されます

うまくいけば、これはあなたの問題を解決するでしょう。

于 2012-07-02T17:28:12.160 に答える
0

これを行うだけではありません...

それ以上のことをします。代わりに何padding-topが設定されているかを調べ、パネル全体を調べて、何が設定されているかを確認する必要があります。これにより、問題がどこにあるかがわかります。本当に最悪の場合、それは悪いアドバイスでpadding-top: 0 !important;あることがわかっているはずですが、それを追加する必要がなく回避できるはずですが、使用することができます。!important

私が知る限り、MeteorはCSSの主要な変更を追加しないため、Meteorがどのように責任を負っているのかわかりません。あるかもしれませんが、どこに設定されているかを見ればわかりますpadding-top。

于 2012-06-30T22:02:46.223 に答える