移动端强制横屏显示

先给css加上

orientation：portrait | landscape

portrait：
指定输出设备中的页面可见区域高度大于或等于宽度（竖屏）
landscape：
除portrait值情况外，都是landscape

@media screen and (orientation:portrait) {
    body {
      transform-origin: 0 0;
      transform: rotateZ(90deg) translateY(-100%);
    }
}

后加上js,如果可视范围发生变化，如果宽小于高则宽高互换

(function () {   
    function resize() {
        var body = document.getElementsByTagName('body')[0];
        var html = document.getElementsByTagName('html')[0];
        var width = html.clientWidth;
        var height =  html.clientHeight;
        var max = width > height ? width : height;
        var min = width > height ? height : width;
        body.style.width = max + "px";
        body.style.height = min + "px";

    }
    resize();
    window.addEventListener("resize", resize)
})();