当浏览器达到一定大小时如何折叠div，（在调整窗口大小时忽略包装div？）

Question

我有html喜欢：

<div id="container">
   <div id="content">
      <!-- whole site here -->
   </div>
</div>


#container {
  width: 1280px;
  background-image: url(/image);
}

#content {
  width: 890px;
}

有没有人知道如何制作它，以便当浏览器窗口调整到小于1280像素时，它不会启动水平滚动条直到达到内容宽度（890px）？我有几个小时以来，我的大脑一直在震撼着我。我听说过各种各样的负面利润技巧，并尝试了一对无济于事。主要问题是，我甚至不知道这叫什么，所以搜索起来非常困难。有人能指出我正确的方向吗？谢谢。

Answer 1

你试过了吗？

@media all and (max-width: 1280px) {
    #container { width: 100%; }
}

以上所做的是，当屏幕宽度小于1280像素时，将#container设为屏幕宽度。

由于#content仍有固定的宽度，滚动条应该以890像素开始。

希望能解决它。

如果你没有听说过媒体查询，谷歌他们，你可以用它们做很酷的事情。