html - Div 居中和最大宽度问题

Question

不久前我有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. 我该怎么做;)？

Answer 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 */
}

Answer 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);
}

可能会有所帮助