新聞速報

        

2017年12月6日 星期三

width,height為多少px時,A4紙打印時剛好一頁?

CP: 以下敘述尚未證實

計算方式
一般的分辨率為XX像素/英吋,其中一英吋為25.4毫米。
所以一毫米的像素數就為XX/25.4。現在的工作就是求XX的值了,把XX的值求出來以後,
直接用XX/25.4 * 210就得到A4紙的像素寬了。

A4紙的尺寸是210mm×297mm。
分辨率是72像素/英吋時,A4紙的尺寸的圖像的像素是595×842(推薦用這個大小比例)。 
分辨率是150像素/英吋時,A4紙的尺寸的圖像的像素是1240×1754。
分辨率是300像素/英吋時,A4紙的尺寸的圖像的像素是2479×3508。
選擇不同的分辨率圖像像素大小也會隨之變化。

我是用下面的轉換公式,將A4紙轉為在屏幕中的分辨率

頁邊距: 0.75 inch
A4: 8.27x11.69 inch
打印機DPI:600DPI
屏幕DPI  : 96DPI
width = (8.27 - 0.75 * 2) * 96 / 600 = 650 px
height =  (11.69 - 0.75 * 2)* 96 / 600 = 978 px

所以,當<table> 的width=650px, height=978px時,用IE 打印時,剛好能打印一頁的A4紙.

在公制長度單位與屏幕分辨率進行換算時,必須用到一個DPI(Dots Per Inch)指標。
在Windows系統的網頁打印中默認採用的是96dpi,Mac系統中默認的是72dpi。
A4紙張的尺寸是210×297mm,按1英吋=25.41mm換算,即8.264×11.688英吋
所以,A4紙96dpi下的分辨率是794×1123,這就是我們在製作網頁的時候需要的像素。
理想情況下,打印頁邊距為0mm 時,網頁內最大元素的分辨率:794×1123
<div style="width:794px;height:1123px;border:1px solid #000000;"></div>
但是打印機是無法滿幅打印的,總會有頁邊距,所以我們在製作網頁的時候必須考慮到頁邊距。
各種瀏覽器的打印頁邊距設置是不同的,IE打印默認的頁邊距為19.05mm,
因此針對IE打印頁設計的網頁頁內最大元素的分辨率應為:649×978
<div style="width:649px;height:978px;border:1px solid #000000;"></div>

沒有留言:

張貼留言