當瀏覽器達到一定大小時如何折疊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;
}

有沒有人知道一種方法，以便當瀏覽器窗口調整到小於1280px時，它不會啟動水平滾動條，直到達到內容寬度（890px）？ 我這幾個小時以來一直在震撼我的大腦。 我聽說過各種各樣的負面利潤技巧，並嘗試了一對無濟於事。 主要問題是，我甚至不知道這是什么叫，所以搜索起來非常困難。 有人能指出我正確的方向嗎？ 謝謝。

Answer 1

你有沒有嘗試過：

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

以上所有，當屏幕寬度小於1280像素時，使#container成為屏幕的寬度。

由於#content仍然具有固定寬度，滾動條應該以890px開始。

希望能解決它。

如果您還沒有聽過媒體查詢，谷歌他們，你可以用它們做很酷的事情。