[适配]单屏页面整体居中适配后，横竖屏切换的问题

场景：（例如H5小游戏）

① 页面内容在一个屏幕内展示完，不上下左右滑动。

② 页面内容左右居中/上下居中。

③ 页面原本内容为竖屏，需要在横屏浏览器中强制左旋90°。

 

// 横竖屏适配
var vertical = document.documentElement.clientHeight >= document.documentElement.clientWidth
if(!vertical){
    var wth = document.documentElement.clientWidth / document.documentElement.clientHeight
    $('body').css({ 
        'transform': 'rotate(-90deg)  scale(' + wth +') ', 
        'transform-origin': 'center center',
    })
} else {
    $('body').css({
        'transform': '', 
        'transform-origin': '',
    })
}