Css最大寬度

在CSS中，可以使用max-width屬性來設定元素的最大寬度。這個屬性可以應用於各種元素，例如div、img、table等。

以下是如何使用max-width屬性的例子：

.container {
  max-width: 1000px;
}

在上面的例子中，.container類別的元素將被設定為最大寬度為1000像素。這意味著無論頁面寬度有多大，這個元素都不會超過1000像素寬。

如果你想要讓元素的寬度自動適應父元素，你可以使用width: auto;，而不是指定一個固定的寬度。這樣做可以讓元素根據父元素的大小來調整自己的寬度，同時仍然受到max-width的限制。

.container {
  max-width: 1000px;
  width: auto;
}

如果你想要讓元素的寬度自動適應父元素，同時還要確保它在較小的螢幕上也能夠很好地顯示，你可以使用CSS的媒體查詢來設定不同的最大寬度。

@media (max-width: 768px) {
  .container {
    max-width: 500px;
  }
}

在上面的例子中，當視窗寬度小於或等於768像素時，.container類別的元素將被設定為最大寬度為500像素。這可以幫助你在不同的螢幕尺寸上優化布局。