以文本方式查看主题

-  ╋艺 镇╋  (http://wdystv.com/bbs/index.asp)
--  ┣◇网站建设&Web语言  (http://wdystv.com/bbs/list.asp?boardid=4)
----  常用长度单位PX/EM/PT/百分比转换公式与对照表  (http://wdystv.com/bbs/dispbbs.asp?boardid=4&id=1913)
--  作者：admin
--  发布时间：2009/10/17 23:30:38
--  常用长度单位PX/EM/PT/百分比转换公式与对照表

PX、PT、EM、ex和in等都是我们常用的长度单位，尤其在网页的字体大小中经常用到。但是你知道PX、PT和EM之间是如何进行准换的吗？这里icech为大家找到了一个px、pt、em和percent大小转换的一个表格，尤其针对字体大小的转换十分方便。希望大家能够喜欢！

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。
24px是多少em？ 24px/16px=1.5em

设计中常用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

[此贴子已经被作者于2012-2-6 17:09:26编辑过]