window.print()设置打印的样式是横向还是纵向(通过js控制@page实现)

业务思路使用css的@page设置

@page { size: portrait; } //纵向
@page { size: landscape; } //横向

业务实现

  		var cssPagedMedia = (function () {
            var style = document.createElement('style');
            document.head.appendChild(style);
            return function (rule) {
                style.innerHTML = rule;
            };
        }());
        cssPagedMedia.size = function (size) {
            cssPagedMedia('@page {size: ' + size + '}');
        };
        if (this.state.mode === 2) {
            console.log('landscape')
            cssPagedMedia.size('landscape');
        } else {
            console.log('portrait')
            cssPagedMedia.size('portrait');
        }

参考链接