87,910
社区成员
发帖
与我相关
我的任务
分享
let width = document.documentElement.clientWidth
let height = document.documentElement.clientHeight
let ele = document.getElementById('horizontal-content')
let style = ''
if (width >= height) { // 横屏
style += 'width:' + width + 'px;'
style += 'height:' + height + 'px;'
style += '-webkit-transform: rotate(0); transform: rotate(0);'
style += '-webkit-transform-origin: 0 0;'
style += 'transform-origin: 0 0;'
} else { // 竖屏
style += 'width:' + height + 'px;'
style += 'height:' + width + 'px;'
style += '-webkit-transform: rotate(90deg); transform: rotate(90deg);'
style += '-webkit-transform-origin: ' + width / 2 + 'px ' + width / 2 + 'px;'
style += 'transform-origin: ' + width / 2 + 'px ' + width / 2 + 'px;'
}
ele.style.cssText = style