0

次の状況で、背景を水平方向に中央揃えしようとすると問題が発生します。

  • 背景が大きく、水平方向に中央揃えにする必要があります
  • ページの最小幅は 960 ピクセルで、小さい画面ではスクロールバーが必要です。

だから私はこれを行うことにしました（疑似コード）：

<bg-div> # this will contain the background image with "center center no-repeat" option
    <content-div> # this will be 960px margin 0 auto
    </content-div>
</bg-div>

実際の例: http://jsfiddle.net/CtMRt/4/

問題: 解像度が 960px 未満の場合、背景は中央に配置されなくなりますが、ページの右側に白い隙間ができ、背景が中央に配置されたままになります。どうすればこのような問題を解決できますか?

ご感想ありがとうございます

4

1 に答える 1

0

css メディア クエリを使用できます: (動作中の jsFiddle )

@media screen and (max-width:960px){
   bg-div{background:url(..) left center;}
}

min-width:900px;また、コンテナに設定していません..使用してみてください：（別の動作中のjsFiddle）

.sec { height: 90px; min-width:900px; }

于 2013-08-11T21:29:16.380 に答える