在div上使用max-width的问题

Question

我有一个div，当浏览器窗口相应缩放时我希望保持在960px，当有更多屏幕空间可用时，我希望保持在1100px。

我尝试使用min-width:960px和max-width:1100px。所有浏览器似乎都识别min-width但不识别最大值。我实际上是单独使用它来尝试它并且使用max而div被隐藏起来。

我不确定我的其他任何规则是否会影响代码，但这就是我所拥有的

#div {
       min-width:960px;
       max-width:1100px;
       height:550px;
       margin-top:10px;
       background-image: url(../images/trans_bkg.png);
       background-repeat: repeat;
       position:absolute;
       right:10px;
}

希望您能理解我在尝试使用代码完成的工作，但如果有帮助我可以提供屏幕截图。

由于

Answer 1

@media (max-width: 1200px) {

div
{
  width:1100px;
}


}

如果分辨率为1200px，则div的宽度为1100px。

同样，您可以为范围

编写它

@media (min-width: 680px) and (max-width: 1199px) {

div
{
  width:1100px;
}

}