幅と高さにかかわらずブラウザのサイズ変更中にコンテンツが見つかりません

Question

現在、ブラウザのサイズ変更に関する問題に直面しています。私は垂直に圧縮することにより、それが小さくなって、ウィンドウを最小化したときに、しかし

：ページが（つまり、ブラウザのウィンドウが最小化されていない）フルサイズである場合は、ページがこれを得、うまく機能します

コンテンツが遮断され、私はリサイズブラウザウィンドウで完全なコンテンツを閲覧するためにスクロールすることはできません：、これは起こります。

これはよくある問題です。私はそれを確実にすることによって、この問題を解決することを試みた：

• 任意の幅は％という点である（実際、すべてが幅に対して十分 をスケーリング）、彼らが必要を包むよう
• 高さが（autoありますコンテンツ）

それがうまくいかなかったとき、私は総高さの値が100％を超えないことを確認して、代わりに単にautoを使用しての％値と高さの値を置き換えます。残念ながら、それはうまくいかなかった。なぜ、私はこの仕事をするために何ができますか？前もって感謝します！

私のHTMLとCSSは、ここで見つけることができます：https://codepen.io/anon/pen/yoBEWb

Answer 1

はmin-height: 100vh;

Answer 2

あなたはメディアを使用することができ、適切にあなたの画面のサイズを変更し、あなたのコンテンツを適応させるを照会します。基本的には、メディアクエリはルールのようなものです。たとえば、画面の高さが480px以下の場合は、フォントサイズを小さくして、下に配置してください...詳細here。