0

私は iPad と iPhone のページに取り組んでおり、左端と右端のコーナーにボタンが付いたヘッダーがあり、コンテンツはヘッダーの下にあります。

ヘッダーの CSS は、ヘッダーの左右にすべてのボタンを表示する iPhone、iPad の向きによってヘッダーの幅が変わるように既に行われています。

しかし、コンテンツが特定の幅を超えると、水平スクロールが表示され、ページの右端のデータまでスクロールするとヘッダーが切り取られます。

私が直面している問題のサンプルは、次の URL で見ることができます。

http://www.kalee-eversole.com/

問題のレプリカ:

http://www.tempestblog.com/2011/06/19/common-css-problem-header-background-cut-off-when-page-scrolled-horizo​​ntally/

この問題の回避策はありますか? 貴重な提案は大歓迎です。

4

1 に答える 1

0

header切り取られるのはタグではなく、body背景として画像(ヘッダーをシミュレート)があるタグです。

問題は、あなたbodyの幅が100%(ブラウザの幅)で、ヘッダーの1024px幅が(プラス子要素の負のマージン)であるため、ブラウザが1024より小さい場合、本文はブラウザの幅までしか広がりません。背景画像のないスクロール領域。

これをbodyタグのCSSに追加してみてください。

min-width:1192px;

(ヘッダー幅から1024+ヘッダー内側要素の左右の負のマージンから98+70)

于 2012-12-16T20:06:04.040 に答える