在小程序開發中，我們經常需要針對不同的設備寬度設置 CSS 樣式，以保證頁面可以適配各種屏幕大小的設備。

對于小程序中的 CSS，與 Web 開發不同的是，小程序中的 CSS 單位可以直接使用 rpx（responsive pixel）作為長度單位，rpx 的實際大小會根據設備寬度進行換算。

為了更好地進行屏幕適配，我們可以通過獲取設備寬度的方式來設置 CSS 樣式。具體方法為：

const systemInfo = wx.getSystemInfoSync()
const screenWidth = systemInfo.screenWidth

上述代碼中，我們通過 wx.getSystemInfoSync() 方法獲取了設備信息，然后通過 systemInfo.screenWidth 獲取了設備的寬度值。

接下來，我們可以通過計算得出設備寬度的值，來設置頁面中的某些元素的樣式，比如下面的示例：

const systemInfo = wx.getSystemInfoSync()
const screenWidth = systemInfo.screenWidth
const boxWidth = screenWidth - 40 + "rpx"
Page({
data: {
boxWidth: boxWidth
}
})

在這個示例中，我們計算出了一個數據 boxWidth，它的值為設備寬度減去 40，單位為 rpx。接著，我們在頁面的 data 中設置了 boxWidth 這個數據，這樣在頁面上我們就可以通過style="width:{{boxWidth}}"來設置一個寬度為屏幕寬度減去 40 的樣式。

這樣，我們就可以方便地針對不同的設備寬度設置頁面樣式了。