常用長度單位PX/EM/PT/百分比轉換公式與對照表


PX、PT、EM等都是我們常用的長度單位,尤其在網頁的字體大小中經常用到。但是你知道PX、PT和EM之間是如何進行准換的嗎?這里為大家找到了一個px、pt、em和percent大小轉換的一個表格,尤其針對字體大小的轉換十分方便。希望大家能夠喜歡!

熊貓辦公https://www.wode007.com/sites/73654.html

PX、PT、EM的解釋: 

px:pixel,像素,屏幕上顯示的最小單位,用於網頁設計,直觀方便;
pt:point,是一個標准的長度單位,1pt=1/72英寸,用於印刷業,非常簡單易用;
em:即%,在CSS中,1em=100%,是一個比率,結合CSS繼承關系使用,具有靈活性。


PX和PT轉換的公式:

以前icech在文章中介紹過PX和PT的轉換規則,其實很簡單,pt=px乘以3/4。
比如12px×3/4=9pt大小。


PX和em轉換的公式: 

對於PX轉em的方法也類似,就是em=16乘以px,也就是說1.5em=1.5×16=24px。

設計中常用PX/EM/PT/百分比轉換表格

 

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
 
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
 
 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM