E企盈营销工具技术服务商 热线:4006-838-530

关于微信小程序横竖屏手机端及平板

E企盈直播平台营销卖货系统

在手机用屏幕旋转支持从小程序基础库版本 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 上不能单独配置某个页面是否支持屏幕旋转。屏幕旋转事件页面尺寸发生改变的事件,可以使用页面的 onResize 来监听。对于自定义组件,可以使用 resize 生命周期来监听。回调函数中将返回显示区域的尺寸信息。(从基础库版本 2.4.0 开始支持。)代码示例:Page({  onResize(res) {    res.size.windowWidth // 新的显示区域宽度    res.size.windowHeight // 新的显示区域高度  }})复制代码

赞(0) 打赏
未经允许不得转载:E企盈小程序开发-热线:4006-838-530 » 关于微信小程序横竖屏手机端及平板
分享到: 更多 (0)
E企盈小程序直播营销卖货系统
E企盈直播平台营销卖货系统

评论 抢沙发

E企盈小程序开发

联系我们联系我们

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

微信扫一扫打赏