バンド用にEPKをデザインしていますが、問題が発生しています。私の画面では、すべてのブラウザでプロポーションが優れています。しかし、私のベーシストのコンピューターでは、要素が重なっています。誰かが私に理由を理解するのを手伝ってくれるかどうか疑問に思いましたか？
ここにサイトがあります：http： //www.indefinitedyad.com/epk.html
コード付きのjsFiddleは次のとおりです：http： //jsfiddle.net/mkk9F/
画面に表示される内容は次のとおりです。http： //img.photobucket.com/albums/v410/justice4all_quiet/Screenshot2012-07-29at22149PM.png
どんな助けでも大歓迎です！
ここでの問題は、あなた<ul id="menu">が持っているということposition: absolute;です。これにより、ボタンがフレームに固定され、ウィンドウに合わせて拡大縮小されなくなります。ただし、<div class="container">これは行いません。したがって、ウィンドウを小さく/大きくすると、画像などを含むdivが拡大縮小されます。しかし、ボタンはそうではありません。
この問題の再現は非常に簡単です。ブラウザウィンドウを小さくします。これは、HTML設定を修正する問題です。
私が知る限り、これは実際にはCSSの問題であり、.contentの幅が90％に設定されているためです。ブラウザのサイズを変更したり、高解像度のモニターを使用している場合は、問題なく表示されます。サイズを設定したい場合は、コンテンツの分割を定義された幅に設定する必要があります（1080pxは私のブラウザでうまく機能します）。または、モバイルや画面のサイズ変更に使用できる1140pxグリッドなどのグリッドシステムを調べます。。
お役に立てれば！
