0

Twitter Bootstrap 2.0 にはpadding-topofが付属して20pxいます。これは主にコンテナを押し下げて、ナビゲーション バーが非表示にならないようにするために使用されますが、サイトまたはアプリの上部にナビゲーション バー60pxがない場合、ワンサイズではありません。 -すべての値に適合します。60px1280x1024 以上のレイアウトでは問題ありませんが、1024px幅よりも小さいと、余白が少し多すぎるように見え始めます。

この値も応答する必要があると思います。以下は、Twitter Bootstrap のレスポンシブ CSS のすべてのメディア クエリです。

@media (max-width: 480px) { ... }
@media (max-width: 767px) { ... }
@media (min-width: 768px) and (max-width: 979px) { ... }
@media (max-width: 979px) { ... }
@media (min-width: 980px) { ... }
@media (min-width: 1200px) { ... }

それぞれの理想的なパディング値は?

更新: 20px はどうですか? 320x480でも問題ないように見えますが、1920x1080でも粗すぎません.

4

2 に答える 2

0

もちろん、達成しようとしていることに依存します。クールなことは、垂直方向のメディア クエリも使用できることです。ビューポートの幅を確認する代わりに、上部のパディングを調整するためにそれらを使用できますか?

于 2012-07-07T15:43:26.460 に答える
0

「Twitterブートストラップ精神」にとどまるために、パディングトップまでのナビゲーションバーの高さを単純に削除します

于 2012-07-07T18:22:46.960 に答える