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

[ 2012-03-14 16:58:14 | 作者: admin ]
字号: | |
p.s. 图片的话就自适应好了,不要强制设宽度和高度

问题:预览时图片占屏幕的左半部,打印后图片变小,打印的图片是A4纸的一半,现在是想让打印部分按纸张大小打印,不是窗口按纸张大小打印,该怎么设置呢?


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。自己再多试试,页面打印其实不难,就是要仔细。
[最后修改由 admin, 于 2012-03-14 16:59:50]
评论Feed 评论Feed: http://blog.xg98.com/feed.asp?q=comment&id=1802

这篇日志没有评论。

此日志不可发表评论。