3.2版本 移动端横竖屏切换后canvas错位BUG解决

Cocos2d-x JavaScript
#1

作为一名刚刚采用cocos2d-js框架开发游戏的新人，使用了最新的3.2版本代码库。

在开发过程中，发现设置为竖屏的游戏在
ios6.1.3版本的苹果5手机上从竖屏切换到横屏后游戏画布会发生偏移。其他手机没有详细测试。

发生bug的cc.view相关参数如下

cc.view.adjustViewPort(true);
    cc.view.enableAutoFullScreen(false);
    if (cc.sys.isMobile) {
        cc.view.setDesignResolutionSize(640, 1136, cc.ResolutionPolicy.FIXED_WIDTH);
    } else {
        cc.view.setDesignResolutionSize(640, 1136, cc.ResolutionPolicy.SHOW_ALL);
    }
    cc.view.resizeWithBrowserSize(true);


```



解决方案很简单，只需要在style标签里增加以下样式即可修复


html, body { width: 100%; height: 100%; overflow: hidden }

鄙人不才，没有找到这个问题在新版本库里的本质原因，测试了3.0版本没有这个问题。

希望遇到同样的问题的同学可以不因此而纠结。
#2

赞，感谢楼主。