私はイライラする興味深い問題を経験しました。
私が取り組んでいるデザインは、高さ 100% のレイアウトに基づいています。
サイト ページには常に画像があります。
高さは 800px しかありません。
この画像には 100% の最大高さが設定されています。
その結果、大きなモニターではうまく機能するサイトになりますが、小さな画面では画像が調整され、サイトが常にうまく収まります.
-
このサイトは水平スクロールを使用しているため、ナビゲーションを右下に配置するために、#footer nav の position: fixed を使用しています。
ただし、画面の高さが 800px を超えると、このフッター #nav は右下隅に残ります。
コンテナー div の高さに対して、この固定要素を固定できるようにするソリューションを見つけようとしています。つまり、ナビゲーションは常にサイト レイアウトの下部から 1em 上にあります。
-
ここでサイトを見ることができます - http://eastat1003.dev.voodoobytes.net/artists/bukanova/art-direction/idol-magazine-the-selected-ones/
- 2012 年 5 月 17 日編集 - サイトが公開されました。http://www.eastatheart.com/