顯示具有 pt 標籤的文章。 顯示所有文章
顯示具有 pt 標籤的文章。 顯示所有文章

2022年11月3日 星期四

網頁單位: px, pt ,cm ,in 說明 - font-size

目的: 了解網頁單位: px, pt ,cm ,in 

處理說明: 

1>px (1pixel = 1/96*DPI) -像素,螢幕的計量單位, 用於網頁設計,螢幕單位;
    一個100px寬度大小的圖片,在800×600解析度下,要占螢幕寬度的1/8,
    但在1024×768下,則只占約1/10

2>pt (1point = 1/72in)-印刷的計量單位,
    Word設定字體12pt, 無論解析度如何設定, 列印出來的大小都一樣, 即“絕對長度”

     Ex: 欄位高度 0.8cm=0.8/2.54 in  --> *72=22.6pt

3>cm
4>PPI(DPI):pixel(dot)per inch,每英寸的像素(點)數,表示了“清晰度”,“精度” , 
                            電腦預設值為 96 DPI。螢幕解析度改變(1024*768, 800*600), DPI 即會改變

(附公式:px /DPI= pt / 72)

在網頁設計中,面向用戶的螢幕的基本單位是px

大部分大型網站,包括Adobe和Microsoft,都是使用px作為單位,

而且在html中,默認的單位就是px,是不是也暗示著px是網頁設計的“內定單位”?

但是在word中,使用pt就相當方便。因為使用Word和Photoshop的主要目的都不是為了螢幕流覽,而是輸出列印。


1>>Word中普通的文檔都用“宋體 9pt”,標題用“黑體 16pt”等等,無論電腦怎麼設置,列印出來永遠就是這麼大。


2>>圖片(100px*100px)

一個100px寬度大小的圖片,在800×600解析度下,要占螢幕寬度的1/8,

但在1024×768下,則只占約1/10。