在CSS3中，布局變得更加靈活，并且可以使用伸縮布局來實現，這對于響應式設計來說非常有用。在伸縮布局中，元素可以自動縮放以適應不同大小的設備和屏幕尺寸。

在伸縮布局中，可以通過設置flex-grow屬性來控制元素的大小。此屬性定義元素在伸縮容器中的相對大小，值越高，元素所占空間就越多。例如：

.flex-container {
display: flex;
flex-wrap: wrap;
}
.flex-item {
flex-grow: 1;
}

上面的代碼將容器指定為flex布局，并將其中的所有元素都設置為相同的大小。這樣，當頁面縮小時，元素會自動縮小以適應屏幕尺寸。

除了設置元素大小之外，在伸縮布局中還可以控制文本的大小。可以使用font-size屬性來設置字體大小。例如：

.flex-item {
font-size: 20px;
}

上面的代碼將所有元素的文本大小設置為20像素。同樣，這個值也可以自動縮放以適應屏幕尺寸。

總的來說，CSS3的伸縮布局為響應式設計提供了更大的靈活性和控制力。只要理解了如何使用flex-grow屬性和font-size屬性，就可以創建出能夠適應不同設備和屏幕尺寸的布局。