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

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

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

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

1.對style標簽的特點設(shè)置：

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

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