size: 1920px 1080px;
ps：@page 规则用于在打印文档时修改某些CSS属性。你不能用@page规则来修改所有的CSS属性，而是只能修改 margin,orphans,widow 和 page breaks of the document。对其他属性的修改是无效的。
如果需要修改打印时页面元素的大小的话，需要使用@media print
@media print {
使用window.print();导出页面的时候，默认使用的纸张为A4纸，比例为4:3，如何横屏显示的话，就会出现播放的时候两边留白的情况，显示效果比较一般。效果如下：目前计算机的比例一般都是16:9，可以使用@page 手动修改纸张宽高@page{ size: 1920px 1080px; }如果需要修改打印时页面元素的大小的话，需要使用@media print@media print {}...
<!-- 打印机按钮开始 -->
<div style="position: absolute;top:100;right:0px;z-index: 9999;background-color:#EDEDED">
本来今天准备继续更新webpack的内容的，但是上午修改了一下公司网站的代码，然后就开始研究网页打印的东西了，弄了一下午，搞的整个人都不好了。刚好也来讲一下一些收获，其实也不算什么收获，但是还是来跟大家分享一下。
window.print()
这个是实现网页打印的方法函数，其实针对网页打印，有几个应用场景；
第一种情况，最简单的应用，就是单纯的打印网页的文本内容，
前端打印pdf就是使用原生的window.print()方法实现，这里有几个问题你会遇到。
打印纸张大小，不同纸张大小，你需要相应调整表格宽度和最大分页高度
分页时机，不适当的话会导致表格跨页分断
背景色打印，这个是不能设置的，但是通过css属性可以实现
打印时的css设置
前端环境：vue+element ui
2、代码实例
<template>
<div id="toolBox">
最近在做后台管理系统时，遇到一个需求就是用A4纸张，将特定的内容打印出来。
遇到这种需求，一般都是通过window.print()的方式来处理。
window.print——默认打印body中的全部内容
如果要打印特定dom中的内容，可以通过:
function printpage() {
//打印的整体思路是：获取body的内容进行存储，然后获取打印区域的内容填充到body中，进行打印，打印完成后，再将之前存储的body内容重新赋值给body即可。windown.print()默认打印的内容是body的
Window.open ('page.html') 用于控制弹出新的窗口page.html，如果page.html不与主窗口在同一路径下，前面应写明路径，绝对路径(http://)和相对路径(../)均可。用单引号和双引号都可以，只是不要混用。
这一段代码可以加入HTML的任意位置，<head>和</head>之间可以，<body>间</body>也可以，越前越早执行，尤其是页面代码长，又想使页面早点弹出就尽量往前放。
var bdhtml=window.document.body.innerHTML;
var sprnstr="<!--startprint-->"; //开始打印标识字符串有17个字符
var eprnstr="<!--endprint-->"; //结束打印标识字符串
var prnhtml=bdhtml.substr(bdhtml.indexOf(sprnstr)+17); //从开始打印标识之后的内容
prnhtml=prnhtml.substring(0,prnh.
