微信小程序开发太扯淡了,开发的时候想看看屏幕旋转,你需要在代码里手动开启

whitewatercn 2026-07-28 11:49 1

作为对比,ios 这边,模拟器只要点一下旋转屏幕就行


小程序想旋转,你需要在代码里手动开启这个功能,而且手机、平板,用的是两个代码,你得写两次


以下是开发文档原文 2026-07-28


https://developers.weixin.qq.com/miniprogram/dev/framework/view/resizable.html


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


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


代码示例:


{
"pageOrientation": "auto"
}

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


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


在 iPad 上启用屏幕旋转支持
从小程序基础库版本 '2.3.0' 开始,在 iPad 上运行的小程序可以支持屏幕旋转。使小程序支持 iPad 屏幕旋转的方法是:在 app.json 中添加 "resizable": true 。


代码示例:


{
"resizable": true
}

如果小程序添加了上述声明,则在屏幕旋转时,小程序将随之旋转,显示区域尺寸也会随着屏幕旋转而变化。注意:在 iPad 上不能单独配置某个页面是否支持屏幕旋转。

最新回复 (0)
    没有回复
* 帖子来源V2EX
返回