在微信小程序中，@media媒體查詢不支持screen關鍵字，因為小程序頁面是再webview中渲染的，而不是在瀏覽器中渲染的。

在設置樣式時，可以使用 wxss 文件中的 @media 規(guī)則來根據(jù)屏幕寬度或高度設置不同的樣式。

• device-width:設備屏幕的寬度，單位px
• device-height:設備屏幕的高度，單位px
• width:小程序窗口的寬度，單位rpx
• heigth:小程序窗口的高度，單位rpx
• aspect-ratio：設備屏幕的寬高比
• orientation:設備屏幕方向，可以是portrait（豎屏）或landscape（橫屏）

.bg {background:#ffffff}/* 當屏幕寬度小于 750rpx 時應用以下樣式 */@media (max-width: 750rpx) {.bg {background:#000}
}/* 設備寬度 單位px */
@media (max-device-width: 350px) {.bg {background:#000}
}