窗口大小調整中的最小寬度

Question

我有一個帶有100％寬度的流體佈局的網頁。

當我調整瀏覽器窗口的大小時，頁面中的元素重疊。

我會創建一個類似於這個網站http://bologna.bakeca.it/的效果，當窗口小於一個固定的寬度停止調整大小。

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 */ 
} 

Answer 2

那麼，你幾乎放棄自己的答案。在你的CSS中給包含元素一個最小寬度。如果你要支持IE6，你可以使用最小寬度招：

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

這將有效地讓你在IE6 800像素最小寬度和任何跟上時代的瀏覽器。