Pixel是虛擬單位,用於表示電腦中數位化圖片的長度,可以說是螢幕中的一個點,在網頁設計中我們通常以1px作為最小單位。
而em即是pixel延伸百分比的概念,1em代表100%,當網頁設計中字體預設為16px時,18px及代表1.125em也就是預設值的1.125倍大小。
Plxels | EMs | Percent | Points |
---|---|---|---|
8px | |||
9px | |||
10px | |||
11px | |||
12px | |||
13px | |||
14px | |||
15px | |||
16px | |||
17px | |||
18px | |||
19px | |||
20px | |||
21px | |||
22px | |||
23px | |||
24px | |||
25px | |||
26px | |||
27px | |||
28px | |||
29px | |||
30px |