CSS中，寬度是一個很常見的屬性。有時，固定寬度是必須的，但有時又需要根據不同設備的不同大小來自適應調整，這時候就需要寬度自適應了。 固定寬度 固定寬度是指，你直接給元素設置一個固定的寬度值。例如，如果你想讓一個div標簽在網頁中占據一定的寬度，你可以提前在CSS中設置width屬性，如下所示：

div{
width: 500px;
height: 300px;
background-color: #f0f0f0;
border: 1px solid #ccc;
}

上述代碼中，div的寬度為500px，高度為300px。這樣，無論瀏覽器顯示區域大小如何，div的寬度都是不變的。 寬度自適應 當然，如果你想讓元素的寬度根據瀏覽器的尺寸變化而變化，你可以使用百分數來設置寬度屬性。例如：

div{
width: 50%;
height: 300px;
background-color: #f0f0f0;
border: 1px solid #ccc;
}

上述代碼中，div的寬度設置為50%，表示它的寬度將隨瀏覽器寬度的變化而變化。 當然，此外還有一些其他的單位可以使用。如像素（px）、視口寬度（vw）、視口高度（vh）等，視口寬度和視口高度是相對于屏幕的寬度和高度，而不是文檔的寬度和高度。 使用哪種方式，需要根據具體需求，以及響應式設計的原則來判斷。固定寬度適合那些對于導航欄、頁面內容的主體占據寬度比較穩定，而寬度自適應通常更適合響應式設計中那些需要根據不同設備、不同瀏覽器寬度的變化而自動調整的元素。 以上就是CSS固定寬度和寬度自適應的簡單介紹。如果您有什么疑問，可以繼續深入學習CSS相關知識，更好地掌握這方面的技能。