html - 在 div 上使用最大宽度的问题

Question

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

我尝试使用min-width:960pxand 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;
}

}