CSS3伸縮設置是CSS3的一項重要功能，可以實現元素的自適應和縮放效果，為網頁設計師提供了更加靈活的設計空間。

CSS3伸縮設置主要通過flexbox技術實現，簡單易理解。需要設置兩個屬性：display和flex。其中，display屬性用于定義元素的布局類型，包括flex、inline-flex、grid等，而flex屬性用于定義項目的伸縮性和基本屬性。

display: flex;
flex: 1 1 auto;

以上代碼表示使用flex布局，同時設置flex屬性為1 1 auto。其中，1代表伸縮能力，即允許伸縮，2代表收縮能力，即允許縮小，auto表示基本屬性，即按照元素原本的大小進行設置。

flex-grow: 1;
flex-shrink: 1;
flex-basis: auto;

除了flex屬性外，CSS3還提供了flex-grow、flex-shrink和flex-basis三個子屬性，分別用于設置伸縮能力、收縮能力和基本屬性。同樣的，這些屬性也可以通過簡寫形式設置。

總之，CSS3伸縮設置是一項非常有用的功能，可以幫助我們實現更加靈活和自適應的網頁布局效果。