CSS（Cascading Style Sheets）是一種用于定義網(wǎng)頁樣式的語言，在網(wǎng)頁開發(fā)中起到了非常重要的作用。對于一個網(wǎng)站而言，不同的分辨率和設(shè)備都需要作出相應(yīng)的樣式變化，因此，判斷屏幕大小也顯得十分重要。那么，如何用CSS判斷屏幕大小呢？

在CSS中，可以通過@media查詢來實現(xiàn)對不同屏幕大小的判斷和適配。在@media查詢中，我們可以定義不同的樣式規(guī)則來適配不同的分辨率和設(shè)備。

@media screen and (max-width: 600px) {
body {
background-color: lightblue;
}
}
@media screen and (min-width: 601px) and (max-width: 900px) {
body {
background-color: lightgreen;
}
}
@media screen and (min-width: 901px) {
body {
background-color: lightpink;
}
}

上述代碼中，我們通過@media查詢定義了三個不同的樣式規(guī)則，分別適配了小屏幕、中等屏幕和大屏幕。這里，我們使用了max-width和min-width這兩個屬性來限制屏幕的大小。比如，max-width: 600px就表示如果屏幕寬度小于等于600px，那么對應(yīng)的樣式規(guī)則就會生效。

除了屏幕寬度之外，我們還可以針對屏幕的高度、設(shè)備類型、設(shè)備方向等因素進行@media查詢。不同的查詢條件可以組合使用，來實現(xiàn)更加精細化的適配效果。

總之，CSS的@media查詢?yōu)槲覀兲峁┝艘环N靈活的方式來判斷并適配不同的屏幕大小和設(shè)備類型。將其應(yīng)用到實際開發(fā)中，能夠極大地提升網(wǎng)站的用戶體驗和可用性。