在web開發中，頁面的布局需要根據不同屏幕尺寸進行適配。其中，CSS的媒體查詢可以幫助我們判斷當前設備是否是一個屏幕。下面我們來看一下如何使用CSS判斷是否為一個屏幕。

@media only screen and (max-device-width: 768px) {
/* 屏幕寬度小于等于768px時的樣式 */
}
@media only screen and (min-device-width: 769px) and (max-device-width: 1024px) {
/* 屏幕寬度在769px和1024px之間時的樣式 */
}
@media only screen and (min-device-width: 1025px) {
/* 屏幕寬度大于等于1025px時的樣式 */
}

上面的代碼使用了CSS的媒體查詢語法。其中，screen表示只在屏幕上生效，max-device-width和min-device-width表示設備的最大和最小可用屏幕寬度。

通過以上代碼，我們可以分別設置在不同屏幕尺寸下的樣式，實現頁面的自適應布局。