PX、PT、EM、ex和in等都是我們常用的長度單位,尤其在網(wǎng)頁的字體大小中經(jīng)常用到。但是你知道PX、PT和EM之間是如何進行準換的嗎?這里icech為大家找到了一個px、pt、em和percent大小轉(zhuǎn)換的一個表格,尤其針對字體大小的轉(zhuǎn)換十分方便。希望大家能夠喜歡!
PX和PT轉(zhuǎn)換的公式:
以前icech在文章中介紹過PX和PT的轉(zhuǎn)換規(guī)則,其實很簡單,pt=px乘以3/4。
比如12px×3/4=9pt大小。
對于PX轉(zhuǎn)em的方法也類似,就是em=16乘以px,也就是說1.5em=1.5×16=24px。
設計中常用PX/EM/PT/百分比轉(zhuǎn)換表格
| Pixels | EMs | Percent | Points |
| 6px | 0.375em | 37.50% | 5pt |
| 7px | 0.438em | 43.80% | 5pt |
| 8px | 0.5em | 50% | 6pt |
| 9px | 0.563em | 56.30% | 7pt |
| 10px | 0.625em | 62.50% | 8pt |
| 11px | 0.688em | 68.80% | 8pt |
| 12px | 0.75em | 75% | 9pt |
| 13px | 0.813em | 81.30% | 10pt |
| 14px | 0.875em | 87.50% | 11pt |
| 15px | 0.938em | 93.80% | 11pt |
| 制表:西部e網(wǎng)(weste.net) | |||
| 16px | 1em | 100% | 12pt |
| 17px | 1.063em | 106.30% | 13pt |
| 18px | 1.125em | 112.50% | 14pt |
| 19px | 1.188em | 118.80% | 14pt |
| 20px | 1.25em | 125% | 15pt |
| 21px | 1.313em | 131.30% | 16pt |
| 22px | 1.375em | 137.50% | 17pt |
| 23px | 1.438em | 143.80% | 17pt |
| 24px | 1.5em | 150% | 18pt |
注:本文為西部e網(wǎng)原創(chuàng),轉(zhuǎn)載請注明來源。
