CSS是一種用來控制網頁樣式的語言，它可以讓用戶更舒適地瀏覽網頁。

在設計網頁時，我們經常需要根據頁面的寬度進行不同的布局，比如將導航欄放在頁面頂部、中部或底部，設置文字區域的寬度等等。那么，CSS如何識別頁面寬度呢？

@media (min-width: 768px) {
/* 在寬度大于等于768像素時執行的代碼 */
}
@media (max-width: 767px) {
/* 在寬度小于等于767像素時執行的代碼 */
}

CSS提供了@media規則，它可以根據不同的屏幕大小來應用不同的樣式。其中min-width和max-width屬性可以用來識別頁面寬度。

上面的代碼表示，當頁面寬度大于等于768像素時，執行大括號中的樣式代碼。而當頁面寬度小于等于767像素時，執行花括號中的樣式代碼。

通過這種方式，我們可以針對不同的設備和屏幕大小設置不同的樣式，讓網頁在不同的設備上都能完美地呈現。