CSS是網頁設計的重要組成部分之一，它可以幫助我們控制網頁的外觀和結構，以及提高網站的用戶體驗。屏幕的大小是一個重要且不可忽視的方面，因為我們需要確保我們的網站在各種屏幕上都能良好地運行和顯示。而要實現這一目標，我們需要主動探測屏幕大小。

// 通過媒體查詢響應屏幕大小
@media screen and (min-width: 768px) and (max-width: 1024px) {
/* 在屏幕寬度介于768px和1024px之間時應用樣式 */
}
// 使用JavaScript進行屏幕大小檢測
function checkScreenSize() {
var w = window.innerWidth;
var h = window.innerHeight;
if (w< 768) {
/* 屏幕寬度小于768px時執行操作 */
} else if (w< 1024) {
/* 屏幕寬度介于768px和1024px之間時執行操作 */
} else {
/* 屏幕寬度大于1024px時執行操作 */
}
}

通過使用媒體查詢或JavaScript，我們可以將網站設計得更具響應性，這樣它就能在各種屏幕大小下都表現出色。當我們通過主動探測屏幕大小來適應不同的用戶設備和屏幕時，就能提高網站的可用性和良好的用戶體驗。