调整窗口大小的最小宽度

Question

我有一个具有 100% 宽度的流畅布局的网页。

当我调整浏览器窗口大小时，页面中的元素重叠。

我会创建一个类似于这个网站 http://bologna.bakeca.it/ 的效果，当窗口小于固定宽度时停止调整大小。

原文由 pAkY88 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 1

您可以为 body 标签设置 CSS 的 min-width 属性。由于 IE6 不支持此属性，您可以这样写：

 body{
   min-width:1000px;        /* Suppose you want minimum width of 1000px */
   width: auto !important;  /* Firefox will set width as auto */
   width:1000px;            /* As IE6 ignores !important it will set width as 1000px; */
}

或者：

 body{
   min-width:1000px; // Suppose you want minimum width of 1000px
   _width: expression( document.body.clientWidth > 1000 ? "1000px" : "auto" ); /* sets max-width for IE6 */
}

原文由 Chinmayee G 发布，翻译遵循 CC BY-SA 3.0 许可协议

Answer 2

嗯，你几乎给了自己答案。在您的 CSS 中，为包含元素指定一个最小宽度。如果你必须支持 IE6，你可以使用最小宽度技巧：

 #container {
    min-width:800px;
    width: auto !important;
    width:800px;
}

这将在 IE6 和任何最新的浏览器中有效地为您提供 800px 的最小宽度。

原文由 DanMan 发布，翻译遵循 CC BY-SA 2.5 许可协议