CSS3 是前端工程師的必修課之一，隨著該技術的不斷發展和創新，我們也需要不斷學習和掌握 CSS3 的各種用法和技巧。今天我們重點介紹 CSS3 手冊中的 4.2.3 小節。

@media (min-width: 768px) and (max-width: 979px) {
/* 在寬度為 768px 到 979px 之間時，執行以下樣式 */
.container {
width: 750px;
}
}

在上面的示例代碼中，我們使用了 CSS3 中的 @media 規則來判斷瀏覽器窗口的寬度，并根據不同的寬度范圍來應用不同的樣式。比如在該規則中，我們針對瀏覽器寬度在 768px 到 979px 之間的情況，通過設置容器 .container 的寬度為 750px，來適應不同的顯示設備。

這個 @media 規則可以在實際項目中使用，以實現跨設備兼容性和響應式設計。隨著越來越多的人使用移動設備和不同的屏幕尺寸來瀏覽網頁，我們需要通過 CSS3 的各種技巧和手段，來確保我們的網站可以在各種情況下都能夠正常顯示和工作。