我需要打印具有A4尺寸的特定div。但是,当我打印时,在打印屏幕上我的div不适合A4页面。我的div大小为568px和842px(A4页面大小)。如何调整div大小以将页面打印为A4?

我要打印的html内容如下:

我的打印方法如下:

printComponent(cmpName) {

let printContents = document.getElementById(cmpName).innerHTML;

let popupWin;

// let originalContents = document.body.innerHTML;

// document.body.innerHTML = printContents;

// window.print();

// document.body.innerHTML = originalContents;

popupWin = window.open('', '_blank', 'top=0,left=0,height=100%,width=auto');

popupWin.document.open();

popupWin.document.write(`

Print tab

@media only print{

@page{size:A4;}

}

`

);

popupWin.document.close();

}

html页面打印成a4的尺寸,我如何将我的html div调整为A4打印页面中的整页?相关推荐

  1. /* * 编程题第五题(20分): 本题要求你写个程序把给定的符号打印成沙漏的形状。例如给定17个“*”,要求按下列格式打印 ***** *** * *** ***** 所谓“

    题目: 编程题第五题(20分): 本题要求你写个程序把给定的符号打印成沙漏的形状.例如给定17个"*",要求按下列格式打印 *****************    所谓" ...

  2. 7-13 打印沙漏 (20 分) 本题要求你写个程序把给定的符号打印成沙漏的形状。例如给定17个“*”,要求按下列格式打印

    本题要求你写个程序把给定的符号打印成沙漏的形状.例如给定17个"*",要求按下列格式打印 所谓"沙漏形状",是指每行输出奇数个符号:各行符号中心对齐:相邻两行符 ...

  3. vue项目 - 实现页面打印成PDF格式

    现在要实现功能为:将写好的页面.打印成PDF格式 代码实现 1.首先安装插件 // 第一个.将页面html转换成图片 npm install --save html2canvas // 第二个.将图片 ...

  4. 图纸打印什么时候用蓝图_cad图如何打印成施工蓝图

    在CAD中做完图之后还需要打印出来,那么大家知道cad图如何打印成施工蓝图吗?下面是学习啦小编整理的cad图如何打印成施工蓝图的方法,希望能给大家解答. cad图打印成施工蓝图的方法 打开软件,我们进 ...

  5. 写一个php web符号打印成沙漏的形状,打印

    测试类中很常见,出现这个异常不要惊慌- - 原因:就是单纯的测试结束了 解决:自己在控制台上翻,可看见打印的测试结果,无打印的也完成了测试,强迫症患者可以在测试方法后加个while(true){} 没 ...

  6. 《剑指offer》-- 二叉树的下一个结点、对称二叉树、按之字性顺序打印二叉树、把二叉树打印成多行

    一.二叉树的下一个结点: 1.题目: 给定一个二叉树和其中的一个结点,请找出中序遍历顺序的下一个结点并且返回.注意,树中的结点不仅包含左右子结点,同时包含指向父结点的指针. 2.解题思路: 分析二叉树 ...

  7. div内嵌网页ajax,Div里面载入另一个页面的实现(取代框架)(AJax)(转)

    随着框架越来越不火了,HTML5就不对框架支持了,iframe也只有url了,Div就担当了此大任 DIV+CSS在页面部局确实也很让人满意,使用也更方便 今天突然遇到一个问题,那就是需要导入另一个页 ...

  8. 如何把PDF中A4页面拆分成两张A5来打印

    我们在平时下载的一些电子发票或银行回执单,都是A5大小的,而一般常用页面大小或打印纸都是A4.那么如何将一张A4上的2个页面分成2张A5进行打印呢? 可能很多人都会想到一个最直接的方式就是打印后将纸张 ...

  9. div 设置a4大小_如何在A4纸张尺寸页面制作HTML页面?

    在2005年11月,AlistApart.com发表了一篇关于他们如何使用HTML和CSS发表一本书的文章.请参阅:http://alistapart.com/article/boom 这是该文章的摘 ...

最新文章

  1. WPF DatePicker默认显示当前日期,格式化为年月日(转)
  2. Windbg+sos调试.net笔记
  3. 关系查询处理 查询优化 论文_每日论文33:关系数据库中的关键词查询结果动态优化...
  4. 从证书中导出公钥并存放到项目中
  5. linux nfs命令,linux命令:NFS服务
  6. tomcat源码分析(一)从tomcat架构说起
  7. 华为Mate 30 Pro保护壳生产线谍照曝光:长方形摄像头模组实锤?
  8. 联想打印机 linux驱动怎么安装步骤,如何在MAC系统下安装打印机驱动
  9. php pack方法,php pack()函数详解与示例
  10. SQL Server 函数的使用(字符串函数)
  11. FTP服务端管理软件:Serv-U和filezilla
  12. ios 边录音边放_ios中同时录音和播放
  13. 论文word引用参考文献
  14. 数据人必会的Excel|掌握32个Excel小技巧,成为效率达人(一)
  15. 数据结构-买卖青蛙最大利润
  16. 【无标题】统计从键盘输入的字符中数字字符的个数,用换行符结束循环-C语言基础
  17. ax88772c linux驱动下载,ax88772c以太网驱动问题
  18. Java-MQTT客户端监控连接状态事件
  19. Centos 7 Authorization failed. Make sure polkit agent is running or run the application as superuser
  20. thinkphp将名字按首字母进行排序

热门文章

  1. 理解Profiles, Services,Characteristics,UUID等值
  2. 长春SEO优化:SEO优化开篇——内容优化
  3. 17.2.1 使用SHOW TRIGGERS语句查看触发器的信息
  4. 基于cocos2dx的横版动作游戏制作(一)
  5. Java实现 LeetCode 52 N皇后 II
  6. python爬取斗鱼图片
  7. Gin框架组合(Zap、lumberjack、ini)使用手册
  8. 使用C#开发了一个RPG角色扮演类的小游戏^_^
  9. CAP定理,分布式系统
  10. 引擎Demo演示-算是一个转折点吧