ページが拡大するとフッタのサイズが大きくなる

Question

ホームページを見てみましょう：http://benjaminpotter.org/clients/c3carlingford/今のようにブラウザを画面に塗りつぶすと（1680x1050）フッターに余分なものがあるようですまたはそうpxls？

ノーマルビュー：ここに私の証拠がある私は、ブラウザのサイズ大きめを作るとき

は：

その本当に奇妙な - 私はこの1つを動作する必要があります。 あなたはIPadの外観がさらに悪くなったとき。

アイデア？

Answer 1

フッターが実際に大きくなっていません。火かき棒をチェックして要素を検査すると、まだ100pxです。ブラウザは実際にはページの最後までスクロールすることができます。フッターの位置はページとの相対的な位置なので、コンテンツの再生が停止すると停止します。

あなたは「スティッキーフッター」ソリューションを試してみたいことがあります... 1は、ここで見つけることができます：http://fortysevenmedia.com/blog/archives/making_your_footer_stay_put_with_css/

Answer 2

この余分なスペースはフッタ（そのサイズは変更されません）が、全体のhtml /ボディではありませんしかし、残念ながら私はより正確な考え方を持っていません。 JSを無効にした後でもエラーが発生するため、原因ではありません。 最も奇妙なことは、ウィンドウの状態（最大化されているかどうか）と関連しているようです。

Answer 3

＃ラッパーの高さが約1354ピクセルになっているように見えます。あなたの画面がその高さを超えて伸びるときは、余分なスペースが得られます。 chrome devツールを使用して、背景色を非常に目に見えるものに変更し（私は赤を選択した）、画面サイズを最大にしたまま#wrapperの高さを1500px以上に設定します。 divの高さが利用可能な画面解像度の高さになると、divの下をスクロールできなくなったことがわかります。

Answer 4

<span id="followme">をご覧ください。 CSS（style.css）では、#followmeは100％の高さに設定されています。 Chromeでズームアウトして#followme要素を調べ、ブラウザのサイズを変更すると、followme要素が実際に多くのページを隠していることがわかります。

あなたが見る必要がある唯一の要因ではないかもしれませんが、それを調べる際には最も可能性が高いと思われます。