微信小程序在手机上启用屏幕旋转支持

响应显示区域变化
显示区域尺寸
显示区域指小程序界面中可以自由布局展示的区域。在默认情况下，小程序显示区域的尺寸自页面初始化起就不会发生变化。但以下两种方式都可以改变这一默认行为。

在手机上启用屏幕旋转支持
从小程序基础库版本 2.4.0 开始，小程序在手机上支持屏幕旋转。使小程序中的页面支持屏幕旋转的方法是：在 app.json 的 window 段中设置 “pageOrientation”: “auto” ，或在页面 json 文件中配置 “pageOrientation”: “auto” 。

以下是在单个页面 json 文件中启用屏幕旋转的示例。

代码示例：

{
“pageOrientation”: “auto”
}
如果页面添加了上述声明，则在屏幕旋转时，这个页面将随之旋转，显示区域尺寸也会随着屏幕旋转而变化。

从小程序基础库版本 2.5.0 开始， pageOrientation 还可以被设置为 landscape ，表示固定为横屏显示。

在 iPad 上启用屏幕旋转支持

page.json

{
  "usingComponents": {
   "custom-component":"custom-component",
   "another-comp": "another_comp"
    
  },
    "pageOrientation": "auto"

}

官方：
响应显示区域变化