微信小程序使用媒体查询做ipad适配，@media only screen and (min-device-width: 768px) ，其中768px每个页面都需要写，如何动态设置更多尺寸，使用同一套媒体查询样式

微信小程序并没有直接支持CSS的媒体查询用于设备宽度的自适应，因为小程序主要是基于WXML和JS的框架，并非传统的网页开发环境。然而，如果你需要对iPad等不同尺寸的屏幕进行一些特定的布局调整，你可以通过设置全局的样式规则，并结合JavaScript判断屏幕尺寸。

1. **全局样式**：在App.json的`window`配置里设置一个`viewport`，可以设定初始的视口宽度，比如：

"window": {
  "backgroundTextStyle": "light",
  "navigationBarBackgroundColor": "#fff",
  "navigationBarTitleText": "Wechat Mini Program",
  "disableScroll": true,
  "minimumFontSize": 24,
  "maximumFontSize": 48,
  "viewport": {
    "width": "device-width", // 使用设备宽度作为默认值
    "initial-scale": 1.0,
    "minimum-scale": 1.0,
    "maximum-scale": 1.0,
    "user-scalable": false
  }
}

2. **JavaScript判断**：然后在对应的js文件中，利用`wx.createSelectorQuery()`获取窗口的实际宽度，在适当的时候应用不同的CSS样式。例如：

Page({
  onReady() {
    const query = wx.createSelectorQuery()
    query.select('.container').boundingClientRect((res) => {
      if (res.width >= 768) { // 达到iPad类似尺寸
        this.setData({
          'screenSize': 'ipad'
        })
        // 应用针对iPad的CSS规则
        document.querySelector('.ipad-only').style.display = 'block';
      } else {
        // 对于其他尺寸，显示默认样式
        document.querySelector('.ipad-only').style.display = 'none';
      }
    }).exec();
  }
})

在这个例子中，`.container` 和 `.ipad-only` 都是你需要针对不同尺寸调整的元素的选择器。记得在WXML中给它们添加相应的class或ID以便于样式操作。

**相关问题--:**
1. 如何在微信小程序中检测设备屏幕大小？
2. 我可以在哪里设置小程序的全局样式？
3. 如果我想在用户旋转设备时也实时更新样式，怎么做？