0

しばらく前に私はfollowingコードを持っていました：

HTML:

 <div align="center">
    </div>

CSS:

div{
    background-image: image here;
    background-position: center;
    background-size: 100% auto;
    max-width: 1920px;
}

今、私は夜の睡眠中にこれを入力しています。これは、これを書き直したばかりなので、実際のプログラムにエラーがなかったことを示唆しています...とにかく、サイトを保存して更新すると、divが中央に表示されませんズームアウトしていたら。変ですよね？

最大幅を取り出して、background-size の最初の値を 1920px に変更するだけで、機能し始めました! 私が欲しいのは、サイズに応じて変化する div ですが、それよりも大きくならず1920px、center. どうすればいいですか ;)?

4

2 に答える 2

1

align プロパティは削除されました (少し前に廃止されました)。センタリングに CSS を使用する:

http://jsfiddle.net/K3uxe/4/

<div>
     Divje
</div>

CSS:

div{
    background-color: red;
    background-position: center;
    background-size: 100% auto;
    max-width: /* your width */;
    width: 100%;
    height: 100%;
    margin: auto; /* this is your centering for block elements */
}
于 2013-08-09T11:29:15.983 に答える
-2

この jquery イベントと関数 jquery を使用します。

jQuery.event.add(window, "resize", resizeFrame);


function resizeFrame()
{
var newHeight = $(window).height();
var newWidth = $(window).width();
$('.DIV_CLASS_').height(newHeight);
$('.DIV_CLASS').width(newWidth);
}

役立つかもしれません

于 2013-08-09T10:11:50.740 に答える