CSS中有一項非常重要的屬性，那就是伸縮屬性（flex）。通過使用伸縮屬性，可以輕松地實現網頁布局的靈活性和響應式，讓網頁在不同的設備上都可以自適應地展示，提高用戶體驗。

.container{
display:flex;
}

在CSS中，伸縮屬性通過flex布局實現。將父元素的display屬性設置為flex，就可以將該元素變為伸縮容器。在容器中，子元素的排列方式就可以通過設置flex-direction來實現。常見的有row（橫向排列）、column（豎向排列）等，如下代碼：

.container{
display:flex;
flex-direction:row;
}

接下來就是設置子元素的伸縮屬性。flex屬性有三個值，分別是flex-grow、flex-shrink和flex-basis。其中，flex-grow表示子元素的放大比例，即當有多余的空間時，該元素會按照放大比例來分配到更多的空間。flex-shrink表示子元素的縮小比例，即當空間不足時，該元素會按照縮小比例來收縮空間。flex-basis表示子元素的初始大小。

.item{
flex:1;
}

上述代碼表示將.item元素的flex屬性設置為1，即放大和縮小比例相同，而初始大小則由容器決定。

總而言之，使用CSS中的伸縮屬性可以大大提高網頁的布局靈活性和響應式。通過設置伸縮屬性，可以輕松地實現自適應的網頁布局，滿足不同屏幕尺寸的用戶需求。