0

完全な背景画像と高さ 650 のヘッダーが必要な Web サイトに取り組んでいます。現時点では、background-size: cover; を使用しています。100% 幅のプロパティ。

その間、右側に約50pxの厄介な水平スクロールが残ります。これは、解像度が小さいほど顕著です。

ヘッダー div の代わりに body にも背景を適用してみました。しかし、そこでも同じことが起こります。

ここでプレビューを見ることができます - http://nitingarg.com/projects/tfe/

4

2 に答える 2

1

スクロールを引き起こしているのは、実際にはフッターのパディングです。40px のパディングで 100% です。つまり、ページ全体の幅 + 40px です。パディングを削除するか、「パディング: 20px 0px;」にします。そして、あなたは行く準備ができているはずです。

于 2012-12-16T05:02:30.357 に答える
0

あなたのウェブページのソース コードを確認しました。100% ズームすると、右側に約 50 ピクセルの水平スクロールがありますが、水平方向のズームを大きくすると、さらに大きくなります。

自分のWebサイトで同じ問題を解決するので、以下のcssを試してください

.header {
    min-width:980px; 
    height:auto;
    margin:0 auto;
}
.container {
    width:100%; 
    height:650px;
    margin:0 auto;
}

幸運を ：）

于 2012-12-16T07:11:42.617 に答える