1

レスポンシブ/流体レイアウトにTwitterBootstrapフレームワークを使用しています。

ウェブサイトの上部は画面の全幅にまたがっていますが、コンテンツに入ると、画面の右側から約20ピクセルのギャップがあります。これは、画面がCSSのアドレスする部分を取り込むのに十分小さい場合にのみ発生するようです。

@media (max-width: 767px){}

ここでスクリーンショットを見ることができます：

http://monosnap.com/image/dQ4OD0O8fW7gcbVvXVfTKLbUa

そして私のテストコードはここでホストされています：http：//demo.omnigon.com/christian_bovine/show-sxsw/

私が言ったように、大画面ではそれは素晴らしいですが、小さな画面でのみ、そして中間のコンテンツだけです。何度も見てきましたが、問題がわかりませんか？

4

1 に答える 1

3

#footercssセレクターの負のマージンを削除する必要があります。この宣言は基本的に、フッターをその親コン​​テナーよりも大きくすることを強制しています。

通常、この手法は、親コンテナにパディングがあり、子要素に負のマージンを適用して親のパディングを無効にする場合にのみ使用します。

于 2013-02-12T15:07:55.303 に答える