小程序媒體查詢是一種常用的技術，用于在小程序中響應式設計不同的設備類型和屏幕大小。媒體查詢通過定義CSS類名，來控制元素的樣式，使其在不同屏幕上都能保持良好的樣式和布局。

下面是一個使用媒體查詢的小程序示例：

```html

<view class="container">

<view class="title">標題1</view>

</view>

<view class="title">標題2</view>

</view>

</view>

在這個示例中，我們定義了三個CSS類名：

- `container`：表示整個容器，包括標題和圖像。

- `title`：表示標題，定義了標題字體大小、顏色和背景顏色。

使用這些類名，我們可以對容器和圖像進行不同的樣式控制。例如，如果我們想要使標題在屏幕上顯示更大，我們可以使用以下CSS代碼：

```css

.container {

font-size: 1.2em;

.title {

font-size: 1.5em;

autoplay: false;

loop: false;

這樣，當用戶滑動屏幕時，標題就會相應地放大，而圖像則會停止自動播放和循環效果。

除了使用CSS媒體查詢，我們還可以使用JavaScript來控制元素的樣式。例如，我們可以使用JavaScript來修改圖像的自動播放效果，使其更符合用戶需求。

媒體查詢是一種常用的技術，用于在小程序中響應式設計不同的設備類型和屏幕大小。通過定義CSS類名，我們可以對容器和圖像進行不同的樣式控制，從而實現良好的用戶體驗。