css - 配置の問題: フルスクリーンとサイズ変更

Question

WP テーマを使用して、自分のニーズに合わせてカスタマイズしました。CSSで問題が発生しました。

フルサイズでいい感じです

ただし、サイズを変更したり、iPad で表示したりすると、ヘッダーが歪んでしまいます。ご覧のとおり、右上の RSS アイコンが色付きのヘッダーを通り過ぎています。

この点に関する指針をいただければ幸いです。

さらに情報が必要な場合はお知らせください。

Firebug/その他のインスペクタ ツールで確認する必要がある場合は、ここに私のサイトがあります

Answer 1

ブロックがオーバーフローした場合、並列ブロックはスケーリングされません。div#header div#menuとをコンテナーdiv#footerにdiv#content平行に配置すると、問題が解決するはずです。

CSS の代替方法:

この場合、コンテナーとすべての子に浮動固定を追加します。

#top-overlay, #header, #menu, #content, #footer {
    float: left;
    min-width: 100%;
}