2016-07-16 6 views
0

は、私が問題に遭遇していますページへの一時的なリンクですなぜ私は測深することはできません:あなたはあなたのサイズを変更する場合はhttp://shoutkey.com/squeezeブートストラップの.thumbnailクラスは、モバイル上で、神秘的なトップのパディングを追加している - しかし、ここで

ブラウザをモバイルレイアウトの幅に合わせると、サムネイル画像のコンテナが突然高くなりすぎて上部に余分な埋め込みが表示されます。しかし私は私の人生のためにこれがなぜ起こったのか - これをするように見えるCSSルールはありません。heightautoなどに設定されています

アイデアはありますか?

このスクリーンショットは、それが大規模なブラウザで、正しくを作業示しています

correct display

そして、このスクリーンショットは、携帯電話のブラウザでそれを示して - 予告トップ全く過剰パディング:

incorrect display

答えて

1

これはブートストラップからのものではありません。そのスペースはあなたの.news-author divによって占有されていますが、フロート/クリアの問題や閉じられていないタグなどがあり、その下の.thumbnail divで奇妙なやり取りを引き起こしています。あなたはどちらか.news-author {display:none}を追加したり、background:#fff

.thumbnailから[編集]を削除することで何が起こっているかを見ることができます:あなたは、見出しや著者の情報が含まれているあなたのcol-md-4のdivにクラスのclearfix」を追加することによって、それを修正することができます。

+0

クローズされていないタグをチェックするために検証を実行しましたが、何もありませんでした。しかし、あなたの 'clearfix'は物事を解決しました。本当にありがとう! – Jack

関連する問題