监测和设置微信小程序横竖屏转换
🌳🌳🌳个人博客:Harvey的个人博客 🌲🌲🌲
在小程序的开发中,有时候需要横屏显示一些页面,不过微信官方并没有提供横屏功能,但提供了手机屏幕旋转的支持,所以可以利用这个来引导用户通过屏幕旋转看到更好的界面效果。
如果想要某个页面支持屏幕旋转,需要在此页面的 json文件中配置
"pageOrientation": "auto",
Page({onResize:function(res) {console.log('屏幕方向旋转',res)}
})
可以通过获取到的显示区域的宽度和高度来判断当前屏幕是横屏还是竖屏,然后显示不同的内容。注意,模拟器不会触发此方法,所以请使用真机调试。
本文来自互联网用户投稿,文章观点仅代表作者本人,不代表本站立场,不承担相关法律责任。如若转载,请注明出处。 如若内容造成侵权/违法违规/事实不符,请点击【内容举报】进行投诉反馈!
