什麼CSS屬性停止我的網站魷魚？

Question

我正在看互聯網上的標準中心框設計（整個網站集中在一個框中，每邊都有一個邊框）。縮小它時，邊框會變小，但內容保持不變。這可以。

但是在他們的網站上，一旦你變小，你只需要滾動條。內容保持不變。在我的網站上，如果你這樣做，像文字和鏈接的東西開始滾動到多行，整個網站被打破。即使視口很小，我怎樣才能保持一致？

Answer 1

你可以試試這個：

#box 
{ 
    width: 500px; 
    /* overflow set to scroll will give you your scroll bars */ 
    overflow: scroll; 
} 

如果您正在尋找處理的最小寬度，它是作爲最小寬度不支持IE有點麻煩。

你可以試試這個：

#container 
{ 
/* IE will ignore min-width */ 
min-width: 400px; 
/* IE will process the expression below to give you your minimum width, other browsers 
will ignore it */ 
width:expression(document.body.clientWidth < 400? "400px": "auto"); 
} 

Answer 2

聽起來就像你正在尋找min-width。

Answer 3

添加最小寬度和最小高度屬性到您的內容元素的CSS。 Like = min-width：100px;最小高度：100像素; ...