CSS 伸縮布局比例最大指通過 Flexbox 布局方式，設置伸縮容器中每個子元素的伸縮比例，來實現對頁面布局的控制。伸縮容器是指在 CSS 中設置了 display: flex 或者 display: inline-flex 的元素。

在伸縮容器內，每個子元素都可以通過設置 flex 屬性來控制其在容器內占據的比例。flex 屬性是一個簡寫屬性，包含了三個子屬性：flex-grow、flex-shrink 和 flex-basis。

.item {
flex: 1 0 auto;
}

上述代碼中，flex: 1 0 auto; 的意思是將當前元素在伸縮容器內占據的比例設置為 1，即等分容器內所有元素的寬度；flex-shrink 屬性設置為 0，表示當前元素在伸縮容器寬度減少時不縮小；flex-basis 屬性設置為 auto，表示當前元素在布局計算中會自動計算默認大小（如元素的寬度和高度）。

需要注意的是，伸縮比例最大并不是說一個元素在伸縮容器內越占據空間就越好。在實際的頁面布局中，應該根據每個元素的具體需求來設置其在伸縮容器內的比例，從而實現頁面的最優化布局。