关于页面打印window.print()的样式问题

当我们打印网页的时候。有时候会发现。打印出来的。跟网页上看到的样式的差别有点大。这其中可能有的问题是。样式问题。

当调用打印(window.print())方法时。打印机会在网页的样式中查找 @media print{}的样式，并适应到要打印的网页中。

所以如果要打印的页面符合看到的页面效果，最好在写套样式

<style   type="text/css">     /* @media print 为打印时适应的样式表*/@media   print   {   body   {   font-size:   12px}  ...../*其它的样式*/     } </style>

转载于:https://www.cnblogs.com/flyfishing/p/css_print_html.html

关于页面打印window.print()的样式问题相关推荐

js使用页面打印window.print() 记录，并进行缩放打印
//打印print:function(){//获取打印的页面内容let subOutputRankPrint = document.getElementById('print-div');let ne ...
html打印页面设置缩放,js使用页面打印window.print() 记录，并进行缩放打印
//打印 print:function(){ //获取打印的页面内容 let subOutputRankPrint = document.getElementById('print-div'); le ...
网页pdf打印——window.print()
浏览器内核是提供了打印功能的,只要在控制台调用window.print()方法就可以将网页打印成pdf文件到我们选择的路径,但是打印的内容和格式可能不是我们想要的.所以写这篇博客介绍一种通用的方法: ...
web打印window.print
这几天一直在研究通过web程序打印条形码到标签上,由于打印机和显示器不同,碰到了各种坑,现一一列出来,给各位参考. web打印有很多的方式,比如生成pdf打印.JQuery插件.window.prin ...
js打印window.print()图片打印
1. 这里用的是A4纸,设置打印表格属性(width:100%,height:980px) 2.由于打印可能存在多页,所以heightt属性必须严格控制. 3.由于自己是先隐藏不需要打印的DIV,然后 ...
Microsoft Edge (92.0.902.55 ) 打印(window.print) 卡死/无响应
版本号: 92.0.902.55 ,如下图所示.(2021.07.28) 今天调试项目的时候发现一调用打印接口,浏览器就卡死,我还以为我代码又出啥问题了-,结果是浏览器的bug 不过微软嘛,懂得都懂 ...
html表格打印填充分页,window.print()页面打印之表格内容分页填充进行分页打印
windwow.print()用于打印当前窗口的内容,很简便,可当内容特殊并且打印有特殊需求的时候就要绕个圈了.下面是需要打印的表格: 当数据量少的时候像上面的表格一样,中间的内容只有5条数据,打印出 ...
window.print()打印时根据页面高度设置居中显示、设置打印布局（纵向、横向）
1.页面定义打印div按钮:  <div style="position: absolute;top:100;right:0px;z-ind ...
window.print()页面打印之表格内容分页填充进行分页打印
windwow.print()用于打印当前窗口的内容,很简便,可当内容特殊并且打印有特殊需求的时候就要绕个圈了.下面是需要打印的表格: 当数据量少的时候像上面的表格一样,中间的内容只有5条数据,打印出 ...

关于页面打印window.print()的样式问题

关于页面打印window.print()的样式问题相关推荐

最新文章

热门文章