如何在特定點之後將百分比寬度切換爲px寬度？

Question

也許我的標題沒有多大意義。所以首先我想爲此道歉，我會盡我所能解釋我的意思。

我試圖創建一個百分比的網站佈局。當瀏覽器變得更大時，一切看起來相當不錯。當使瀏覽器變小時，當事情變得非常混亂時，例如菜單欄被推出它的位置，並通過內容區域。

所以，我想的是，某一個點（以前的事情被推外面的位置）後的寬度被螺紋就像是像素和瀏覽器具有滾動以看到的內容。

希望你有我的意思，我想感謝你們提前任何幫助的想法！

Answer 1

在media queries看看：

@media (max-width: 600px) { 
    /* your code for small devices */ 
} 

Answer 2

#menu-bar { 
    width: 100%; 
    min-width: 1000px; /* Your desired width */ 
} 

但我建議你使用它的全部內容頁面或包裝DIV。

.wrapper { 
    width: 100%; 
    min-width: 1000px; /* Your desired width */ 
} 

然後用百分比寬度將其他內容放在裏面。