大致思维导图

H5游戏里需要用到横竖屏切换，如果是竖屏切换横屏 cc.view.setOrientation(cc.macro.ORIENTATION_LANDSCAPE) 这个是横屏切换竖屏的 cc.view.setOrientation(cc.macro.ORIENTATION_PORTRAIT) 以上方法需要再切换场景之前调用

this.hengping falsethis.shuping truewindow.addEventListener(orientationchange, function(event){/*竖屏*/if ( window.orientation 180 || window.orientation0 ) {_this.hengping false_this.shuping true}/*横屏*/if( window.orientation 90 || window.orientatio…

function () {let width document.documentElement.clientWidth,height document.documentElement.clientHeight,wrapper document.getElementById("app"),style "";if (width > height) { // 竖屏style "width:100%";style "heig…

/** 强制横屏显示：通过竖屏时旋转解决横屏问题* */media screen and (orientation: portrait){#wrapper {-webkit-transform:rotate(90deg);-webkit-transform-origin:0% 0%;/*1.重置旋转中心*/-moz-transform: rotate(90deg);-moz-transform-origin:0% 0%;-ms-tr…

css 代码如下： .trans {position: absolute;top: -100vw;width: 100vh;height: 100vw;background: #F9FBFF;transform: rotate(90deg);transform-origin: bottom left; }