javascript window.print() 打印问题?预览时图片正好,打印到A4上时变小??据说是print打印的是屏幕大小

html-css012

javascript window.print() 打印问题?预览时图片正好,打印到A4上时变小??据说是print打印的是屏幕大小,第1张

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。自己再多试试,页面打印其实不难,就是要仔细。

根据现实中的分辨率大小来设置css来控制。

@media screen and (min-width: 200px) {

body {

font-size: 10px

}

}

@media screen and (min-width: 1000px) {

body {

font-size: 50px

}

}

扩展资料:

CSS3 @media 查询:

使用 @media 查询,你可以针对不同的媒体类型定义不同的样式。

@media 可以针对不同的屏幕尺寸设置不同的样式,特别是如果你需要设置设计响应式的页面,@media 是非常有用的。

当你重置浏览器大小的过程中,页面也会根据浏览器的宽度和高度重新渲染页面。

CSS 语法:

@media mediatype and|not|only (media feature) {

CSS-Code

}

媒体类型:

all:用于所有设备   

print:用于打印机和打印预览 

screen:用于电脑屏幕,平板电脑,智能手机等。  

speech:应用于屏幕阅读器等发声设备

IE打印设置中默认的页眉和页脚的含义,而且可以对上述代码进行组合使用来设置自己喜欢的打印设置。这里我们所要说的并不单单是这些,大家设想一下我们开发了一个基于B/S结构的系统,其中有报表的部分,我们不能让每个客户端都自己去设置IE的打印设置,因此我们需要在程序中控制这些设置。下面我们用VBScript脚本写一个函数通过修改注册表键值来达到控制页面设置的目的,代码如下:script language="VBScript">dim path, reg'path存放IE打印设置的注册表地址, reg存放WScript.Shell组件的对象path = "HKEY_CURRENT_USER\Software\Micro-soft\Internet Explorer\PageSetup"'通过注册表修改打印设置,只修改页眉、页脚和各边界的值'参数说明:header--页眉,footer--页脚,margin_left--左边界'margin_top--上边界,margin_right--右边界,margin_bottom--下边界'页边距的设置中 1对应25.4mm,即margin_left=1表示实际值的25.4mmfunction pagesetup(header, footer, margin_left, margin_top, margin_right, margin_bottom)On Error Resume NextSet reg = CreateObject("WScript.Shell")if err.Number>0 thenMsgBox "不能创建WScript.Shell对象!"exit functionend ifreg.RegWrite path+"\header", header'设置页眉reg.RegWrite path+"\footer", footer '设置页脚reg.RegWrite path+"\margin_left", margin_left'设置左边界reg.RegWrite path+"\margin_top", margin_top'设置上边界reg.RegWrite path+"\margin_right", margin_right'设置右边界reg.RegWrite path+"\margin_bottom", margin_bottom'设置下边界end function/script>程序中可以再写一个函数(可用VBscript或javascript脚本写)先调用该函数,然后再调用window.print()实现打印,这里就不给出代码了。细心的读者一定发现了这样打印出来的页面会有打印按钮在上面,而且分页是IE打印控件根据纸张大小分出来的,下面我们介绍一种方法来控制分页和打印按钮的显示。该方法是利用CSS样式表来控制这些设置,因为在样式表中有一个“media=print”属性,该属性只有在打印的时候才会起作用,因此可以实现对打印按钮和分页的控制,具体做法如下:style media=print>.noprint{display:none}.pagenext{page-break-after: always}/style>只要在打印按钮中加入代码class="noprint",而在需要分页的地方加入代码 div class="pagenext">/div>就可以了。到目前为止我们的打印功能已经比较完善了,但是还没有打印预览和直接打印的功能,一般用户在打印之前都会预览一下,如果没有问题就直接打印了。下面我们通过IEWebBrowser组件来实现这两个功能。首先创建IEWebBrowser对象:object id=WebBrowser classid=CLSID:8856F961-340A-11D0-A96B-00C04FD705A2 width=0 height=0>/object >然后通过不同参数调用ExecWB方法实现打印预览和直接打印功能:WebBrowser.ExecWB(6,1)//打印WebBrowser.ExecWB(6,6)//直接打印WebBrowser.ExecWB(7,1)//打印预览