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

场景：

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

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

③ 页面原本内容为竖屏，需要在横屏浏览器中强制左旋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': '',
        })
    }

标签：居中,documentElement,适配,transform,单屏,document,页面
来源： https://www.cnblogs.com/ximu1009/p/16700191.html