码迷,mamicode.com
首页 > Web开发 > 详细

Html字体大小的设置单位PT与PX区别

时间:2015-09-20 17:51:04      阅读:9251      评论:0      收藏:0      [点我收藏+]

标签:

Html字体大小的设置单位PT与PX区别 


 

字体大小的设置单位,常用的有2种:px、pt。

基本概念:

px:pixel,像素,屏幕上显示的最小单位,用于网页设计,直观方便;

pt:point,是一个标准的长度单位,1pt=1/72英寸,用于印刷业,非常简单易用;

em:即%,在CSS中,1em=100%,是一个比率,结合CSS继承关系使用,具有灵活性。

PPI(DPI):pixel(dot)per inch,每英寸的像素(点)数,是一个率,表示了“清晰度”,“精度”

 


 

PXPT转换的公式:

pt=px乘以3/4。

比如:12px×3/4=9pt大小。

PXem转换的公式:

对于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%

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

 

 


 

字号 磅数 毫米

八号 5磅 1.84

七号 5.5磅 2.12

小六号 6.5磅 2.45

六号 7.5磅 2.81

小五号 9磅 3.15

五号 10.5磅 3.70

小四号 12磅 4.25

四号 14磅 4.93

小三号 15磅 5.23

三号 16磅 5.55

小二号 18磅 6.37

二号 22磅 7.80

小一号 24磅 8.42

一号 26磅 9.66

小初号 36磅 11.1

初号 42磅 12.7

 

Html字体大小的设置单位PT与PX区别

标签:

原文地址:http://www.cnblogs.com/e-JosnKe/p/4823765.html

(0)
(3)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!