javascript window.print() 打印问题?预览时图片正好,打印到A4上时变...

发布网友发布时间：2022-04-24 17:12

共2个回答

懂视网时间：2022-05-13 12:17

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

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

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

热心网友时间：2022-05-13 09:25

1。把你的css里的长度单位改成毫米（mm）,不要用像素（px），用磅（pt）也行.如果是默认没写单位就是像素（px），也是要改的。因为像素是浏览器的单位也就是窗口的单位，而毫米或者磅是打印后的纸面上单位。
2。在页面打印的时候要设置浏览器的纸张参数，就是点文件-〉页面设置。把上下左右宽度间距设置好。还要去掉标题页头页角之类的，要不打印会把url都打出来。
3。设置css的时候可以加上 media="print" ,css 默认值是both,最好写两套css。一套是print,一套是screen.因为print的意思是在打印的时候会采用的css样式，screen就是浏览器显示的样式。所以，有的时候都是用显示与打印不一样的样式。例如：
<link href="print.css" rel="stylesheet" type="text/css" media="print" />
<link href="screen.css" rel="stylesheet" type="text/css" media="screen" />
这样，浏览器在显示的时候会使用screen.css，在打印的时候会使用print.css。
4。自己再多试试，页面打印其实不难，就是要仔细。追问谢谢非常的感谢你我再去试试下次在有类似问题的话还找你啊。。

追答好的。