在編寫(xiě)響應(yīng)式網(wǎng)頁(yè)時(shí)，我們需要知道用戶(hù)的屏幕寬度，這樣才能根據(jù)不同的設(shè)備尺寸來(lái)設(shè)置頁(yè)面的布局、樣式等。

那么，在CSS中怎樣判斷屏幕寬度呢？

/* 使用媒體查詢(xún)來(lái)判斷屏幕寬度 */
/* 當(dāng)屏幕寬度小于等于768px時(shí)應(yīng)用以下樣式 */
@media screen and (max-width: 768px) {
/* 在這里寫(xiě)你的 CSS 樣式 */
}

以上是使用CSS3中的媒體查詢(xún)來(lái)判斷屏幕寬度的方法。在媒體查詢(xún)中，我們可以指定最大或最小寬度、最大或最小高度、設(shè)備類(lèi)型、屏幕方向等條件來(lái)設(shè)置樣式。

需要注意的是，媒體查詢(xún)只在一定條件下生效，比如在不同的屏幕尺寸下，但在IE8及以下版本的瀏覽器中不支持媒體查詢(xún)。

除了使用媒體查詢(xún)，還有一種方法也可以用來(lái)判斷屏幕寬度，那就是使用JavaScript。

// 使用JavaScript來(lái)獲取屏幕寬度
var screenWidth = window.screen.width;

通過(guò)以上代碼，我們可以得到屏幕寬度的值，并進(jìn)行相應(yīng)的操作。

總的來(lái)說(shuō)，無(wú)論是使用媒體查詢(xún)還是JavaScript，都可以很容易地獲取到屏幕寬度。在開(kāi)發(fā)響應(yīng)式網(wǎng)頁(yè)時(shí)，我們應(yīng)該靈活運(yùn)用兩種方法，以使頁(yè)面在不同設(shè)備上呈現(xiàn)出最佳效果。