用于打印的頁(yè)面規(guī)劃

在網(wǎng)站的一些應(yīng)用中需要供給用戶直接打印頁(yè)面的功用，最明顯的就是電子優(yōu)惠券，商家根據(jù)網(wǎng)站供給的模板輸入內(nèi)容，然后生成優(yōu)惠券頁(yè)面，用戶打印這個(gè)頁(yè)面便是優(yōu)惠券。

當(dāng)然最優(yōu)的做法是根據(jù)這個(gè)頁(yè)面生成一個(gè)圖片文件，用戶下載這個(gè)圖片再去打印，打印的作用就不會(huì)受瀏覽器的設(shè)置而受影響打印出來(lái)的作用。

但假如由于一些原因，為了快速或許節(jié)約成本，不去將頁(yè)面存為圖片文件的操作，那么就只有直接將HTML頁(yè)面直接打印下來(lái)，這樣就需要在對(duì)頁(yè)面的規(guī)劃中有一些額外的要求，這兒提出兩個(gè)地方需要留意：

1.對(duì)style標(biāo)簽的特點(diǎn)設(shè)置：

這兒表明該style內(nèi)引入或許定義的款式特點(diǎn)只是在打印的時(shí)分運(yùn)用，這兒提醒一下，假如沒有設(shè)置media特點(diǎn)，那么定義的款式將在瀏覽器和打印時(shí)都起效，所以主張將相似這樣的款式放在一切慣例款式之后。

2.在頁(yè)面打印的時(shí)分瀏覽器的設(shè)置會(huì)對(duì)打印的作用有影響，在IE中的“東西”–“Internet選項(xiàng)”–“高級(jí)”中有一個(gè)“打印布景色彩和圖畫”，相似的在Firefox中“文件”–“頁(yè)面設(shè)置”中有一個(gè)“打印布景色彩和圖畫”，當(dāng)這個(gè)選項(xiàng)被選中的時(shí)分，頁(yè)面中的布景色彩和圖片都能夠打印出來(lái)（有些不規(guī)范的IE內(nèi)核瀏覽器好像有些問題，布景色彩能夠打印出來(lái)，可是布景圖片不可），假如沒有選中則布景色彩和圖片都無(wú)法打印出來(lái)，所以為了屏蔽用戶不同的瀏覽器和瀏覽器設(shè)置，我主張兩點(diǎn)，第一是在用布景色填充的區(qū)域作為分界的地方加上1px的邊框，色彩和布景色相同，這樣在瀏覽器中看不出來(lái)改變，而在打印的時(shí)分即運(yùn)用戶的設(shè)置導(dǎo)致布景色無(wú)法打印出來(lái)也能夠有一個(gè)邊框來(lái)作為切割，最大層的上保留了頁(yè)面格式；第二是對(duì)一切必不可少的圖片都運(yùn)用標(biāo)簽，這樣無(wú)論用戶瀏覽器怎么設(shè)置都能夠?qū)⑦@些圖片打印出來(lái)，或許這樣與平時(shí)一些頁(yè)面規(guī)劃方式不同，但為了統(tǒng)一打印的作用，也只要讓步了。