私は設計している小さなウェブアプリケーションを持っていて、本当に奇妙な問題があります。内側のコンテンツは常にページの下に切り取られます。下にスクロールしてすべてのテキストを読むことはできません。私はMobile SafariとChrome/Firefoxのデスクトップでこれを試しましたが、成功しませんでした。コンテンツはCSS3を使用して折りたたまれて切り取られます
ライブURLはhttp://byjakewithlove.com/code/mobile-webapp/
私は大いに役立つだろう試みることができる任意の提案です。私は基本的にID #contentのdivを持っていて、白いBGとページテキストを保持しています。私はoverflow: auto;を持っています。このdivの内側にスクロールバーを作成し、さらにはheight: 100%;にする必要があります。私は問題が何であるか完全に困惑しています。
あなたはコンテンツエレメントにheight: 100%を保つが、padding値を設定しながら、トップにそれを固執する（もちろん、relativeに親の位置を設定することを忘れないでください）絶対位置を使用して、ヘッダ要素を配置することができますヘッダーの高さと相関するコンテンツ要素に追加します。
完璧！今それに取り組んで、私はもともと気づいていたはずです。ありがとう男はそれを感謝:) – Jake
height: 100%が不正です - 「100％」はコンテナの高さを示します。したがって、親に対して計算されます。この結果、この動作が発生します。
height: 100%宣言を省略し、固定高さを設定するだけです。
しかし、問題は私が新しいページで読み込みを始めると、コンテンツは同じ固定高さにはなりません。私はそれが流動的であるか、少なくとも私がコンテンツ部門内でスクロールさせることが必要です。 – Jake
そして、「height：10000px;」を設定しても絶対に何もしないことを付け加えておきます。ウィンドウのサイズを変更すると、より多くのコンテンツが表示されますが、スクロールバーは表示されません。したがって、固定された高さを使用することは、残念ながら解決策ではありません。 – Jake
私はそれに加えて、 'height：10000px'を設定して何を達成しようとしていますか？ビューポートより小さな値を使ってテストしてください。その影響が表示されます。 –
すべてのテキストが読みやすいようです。何が問題なのかを明確にしてください。 –
@EliranMalkaはい、それはそんな感じですが、実際にはすべてが読めるわけではありません。私は内容の 'div'の一番下に小さな画像のグラフィックを追加しました。あなたは私が何を意味するかを見ることができます。ページをリフレッシュして、グラフィックが見えるかどうか教えてください。そうでなければ、すべてのコンテンツが表示されているわけではありません。プラス 'overflow：auto;を使用して、あなたはそれをすべてスクロールすることができるはずですが、これはうまくいきません。 – Jake