您的位置:首页 > 移动开发

App横竖屏切换的问题怎么解决

2017-05-18 14:05 411 查看
A页面依然是竖屏高度的原因是没有重新绘制造成的,你可以在B页面返回时(重写mui.back),刷新A页面,强制重绘;

或者在A页面监听横竖屏切换事件,方向切换时,通过快速显示隐藏body,从而达到变相重绘的目的;

示例代码如下:

window.addEventListener('orientationchange', function(event){
var body = document.body;
body.style.display = 'none';
setTimeout(function() {
body.style.display = '';
}, 10);
});


不过对于普通App,个人建议锁死竖屏显示即可,你看36Kr、网易新闻、今日头条等App,从新闻列表进入新闻详情,默认都不支持横屏显示,代码如下:

mui.plusReady(){
//仅支持竖屏显示
plus.screen.lockOrientation("portrait-primary");
}
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签:  app 横竖切换