1. 程式人生 > >針式印表機設定字號大小

針式印表機設定字號大小

我的印表機是GP-76針式印表機,使用谷歌瀏覽器測試。

使用css設定列印字號程式碼:

<styletype="text/css">
@mediaprint{
.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了。