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

可能有帮助

Div居中和最大宽度问题

2 个答案: