cocoscreator H5全平台适配,求解决

  • Creator 版本:

  • 目标平台:pc谷歌浏览器,微信浏览器等

  • 重现方式:在手机不开自动旋转时候,或者pc窗口网页,宽小于高时候,想让界面从横屏旋转90。

  • 首个报错: 玩家手机是竖屏,但是需要界面横屏出现

  • 之前哪个版本是正常的:

  • 手机型号:

  • 手机浏览器:

  • 编辑器操作系统:

  • 重现概率:

在手机不开自动旋转时候,或者pc窗口网页,宽小于高时候,想让界面从竖屏旋转90到横屏。该怎么操作,

正常是这样的

想在这样情况下,让界面旋转90度,界面变为宽适配高,

求帮助啊,白鹭引擎的自动适配就会进行屏幕旋转,在屏幕尺寸宽小于高时候,会把游戏换面进行90度旋转进行适配,这个都是在不旋转屏幕尺寸时候要解决的

/**屏幕尺寸 */
cc.Class({
extends: cc.Component,

properties: {
},
// LIFE-CYCLE CALLBACKS:
onLoad() {
    cc.view.on("canvas-resize", this.resize, this);
    this._designResolution = cc.view.getDesignResolutionSize();
    this.resize();
},
resize() {
    var frameSize = cc.view.getFrameSize();
    cc.log(frameSize);
    var ResolutionPolicy = cc.ResolutionPolicy;
    
    var designRes = this._designResolution;
    if (CC_EDITOR) {
        cc.engine.setDesignResolutionSize(designRes.width, designRes.height);
    }
    else {
        if (frameSize.width > frameSize.height) {
            cc.view.setDesignResolutionSize(designRes.height, designRes.width, ResolutionPolicy.SHOW_ALL);
        } else {
            cc.view.setDesignResolutionSize(designRes.width, designRes.height, ResolutionPolicy.SHOW_ALL);
        }
    }
    this.node.setContentSize(cc.view.getDesignResolutionSize());
}

});

监听 “canvas-resize”,根据屏幕实际大小,动态控制cc.view.setDesignResolutionSize,楼主看看