针式打印机设置字号大小

我的打印机是GP-76针式打印机，使用谷歌浏览器测试。

使用css设置打印字号代码：

<style type="text/css">

@media print{

    .chrome_adjust{

      font-size: 9px;  

        -webkit-transform: scale(0.75);  

        -o-transform: scale(1);//针对能识别-webkit的opera browser设置  

    }

}

</style>

html代码：

<div class="chrome_adjust">

这里是你要打印的内容

</div>

<div>

<input type="button" value="打印" onclick="window.print()"  />

</div>

font-size:9px 这个是来设置打印的字号为9px

大家可能会想，既然可以用font-size来设置打印的字号，那下面那两行代码是干什么用的呢？

是这样，谷歌浏览器默认的最小字号是12px，你用font-size:9px来设置是不起作用的，因为你设置的值如果小于12px，浏览器

还是会当做12px来处理。

-webkit-transform: scale(0.75);  

谷歌浏览器能够识别-webkit这个前缀，而火狐无法识别，这样在火狐上面打印的字体还是9px,那么在谷歌上面就是12*0.75=9。

那这两个样式就兼容了火狐和谷歌两个浏览器了。

-o-transform: scale(1);

Opera 浏览器也能够识别-webkit这个前缀，如果不加这个样式的话，那么在这个浏览器上的字号就是9*0.75，这显然

不是我们想要的，加上这个样式后的字号就是9*1=9。

这样我们就能同时兼容火狐、谷歌、Opera了。