html打印之 window.print 打印时设置打印布局（纵向、横向）

用媒体查询设置打印区域

<style>
        // 页面样式
</style>
<style media="print">
//把不需要打印的地方隐藏 页面中不会显示
.btn{
&emsp;&emsp;&emsp;&emsp;display:none;
&emsp;&emsp;}
</style>

操纵纵向和横向操作

纵向：

<style media="print">
@page { size: portrait; }
</style>

横向：

<style media="print">
@page { size: landscape; }
</style>