CSS的Responsiveness是指網站可以自適應于不同的設備尺寸和窗口大小。隨著不同設備的出現和尺寸的多樣化，這種能力變得越來越重要。其中，一項關鍵技能就是發現和使用CSS來隨窗口大小而改變。

/* 使用font-size百分比值隨窗口大小而改變字體大小 */
h1 {
font-size: 3em;
}
p {
font-size: 1.5em;
}
@media (max-width: 600px) {
h1 {
font-size: 2em;
}
p {
font-size: 1em;
}
}

上述代碼中使用了CSS的響應式設計技巧，媒體查詢（media query），它可以隨窗口大小而改變字體大小。注意到代碼中使用了em單位，它是相對于父元素(font-size:16px為1em)的大小。

其中，@media (max-width: 600px) 表示當屏幕寬度小于或等于600px時，里面的樣式生效。可以在大屏幕和小屏幕之間切換，而不必更改HTML結構。這讓網站設計變得更加靈活而自主。

CSS還可以隨著窗口的大小而改變布局，例如：

/* 使用浮動屬性在樣式中改變布局 */
@media (max-width: 700px) {
.navbar {
float: none;
width: 100%;
}
.menu-item {
float: none;
width: 100%;
}
}

上述代碼中，當屏幕寬度小于或等于700px時，導航欄和菜單項即變為寬度自適應，并取消浮動效果，保證布局的完整性和優雅性。

以上就是CSS隨窗口大小而改變的一些實例。這種技巧既可以提高網站響應能力，又可以保證用戶體驗和流暢性，是現代網站設計不可缺少的一部分。