在CSS中使用最小寬度

Question

我在使用最小寬度時遇到問題; CSS中的代碼，

我有一個菜單欄，我想修復，所以它不會隨着瀏覽器大小的變化而減小，我的問題是，當我嘗試min-width：1000px; 這不起作用，

請你看看我的CSS，看看是否有任何錯誤，

CSS：

#bar {  
margin-top:55px;
min-width:1000px center;
max-width:1920px;
height: 30px;
background: #2E2E2E;
border: 3.2px groove #FFD700;
min-width:1000px; }

謝謝您的幫助

Answer 1

刪除此min-width:1000px center;

和你的CSS這樣的寬度

#bar {
    max-width:1920px;
    min-width:1000px;
    width: 100%;
}

Answer 2

根據我的理解..在CSS min-width:1000px center; 不會正常工作。 所以刪除單詞center ，我也做了一個小提琴，請看到它。 希望能幫助到你。

Answer 3

我剛嘗試了你的css，它甚至在一個小窗口中也保持1000px寬。 您可以嘗試刪除您聲明的最小寬度之一，我建議第一個。

Answer 4

發生這種情況是因為你的div正在使用max-width屬性。

嘗試使用基於百分比的width ，您將了解min和max寬度的功效。

看這里。 要么：

#bar {  
    margin-top:55px;
    max-width: 500px;
    width: 100%;
    height: 30px;
    background: #2E2E2E;
    border: 3.2px groove #FFD700;
    min-width: 300px; 
}