CSS中的Shrink屬性（收縮屬性）被用于 CSS3 中。它是我們用來定義一個元素寬度如何被壓縮的方法。Shrink屬性表示元素在剩余空間不足時的壓縮程度。當容器中的內容超出它的邊界時，收縮屬性會自動生效，將元素的寬度壓縮到最小合適的寬度。

.box {
width: 400px;
height: 200px;
display: flex;
flex-wrap: wrap;
}
.box div {
width: 200px;
height: 100px;
flex-shrink: 1;
}

在上面的代碼中，收縮屬性將被應用到box的子元素中。當窗口縮小時，元素將被壓縮到小于原本的寬度，以適應新的視口大小。

需要注意的是，如果你想要某個元素在容器縮小時完全消失，而不是被壓縮到一個極小的寬度，你應該使用display:none。這樣，元素的寬度將被完全忽略，而不是被壓縮到一個無法識別的尺寸。

Shrink屬性是CSS布局過程中的一個強大工具。它讓我們更好地控制容器和元素的大小，以便我們的頁面可以適應不同的屏幕。我們應該嘗試利用這個屬性，以便在頁面布局中獲得更好的控制和效果。