[适配]单屏页面整体居中适配后,横竖屏切换的问题
场景:(例如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': '', }) }