×

CSS单位换算:px,pt,em

作者:Terry2020.06.01来源:Web前端之家浏览:19513评论:0
关键词:htmlptpcem

了解下CSS单位换算:px,pt,em。

什么是pt?什么是px?

pt 全称为 point,是印刷行业常用单位,等于1/72英寸。所以它是一个自然界标准的长度单位,也称为“绝对长度”。它跟我们所熟悉的公分、公尺一样,可以明确的指出1pt的长度是多少。

px就是表示pixel,像素,是屏幕上显示数据的最基本的点。

px是一个点,它不是自然界的长度单位,谁能说出一个“点”有多长多大么?可以画的很小,也可以很大。如果点很小,那画面就清晰,我们称它为“分辨率高”,反之,就是“分辨率低”。所以,“点”的大小是会“变”的,也称为“相对长度”。

1px等于多少pt?

px代表的是像素单位,一般为网页中标识字体的单位,而pt代表的是绝对单位,一般为网页中抄标识字体的单位,其换算公式为pt=px*dpi/72,以Windows下的96dpi来计算,可以得出1px等于1*4/3。

ptpxem

42pt

56px

3.5em

36pt

48px

3em

34pt

45px

2.75em

32pt

42px

2.55em

30pt

40px

2.45em

29pt

38px

2.35em

28pt

37px

2.3em

27pt

36px

2.25em

26pt

35px

2.2em

25pt

34px

2.125em

24pt

32px

2em

22pt

29px

1.8em

20pt

26px

1.6em

18pt

24px

1.5em

17pt

23px

1.45em

16pt

22px

1.4em

15pt

21px

1.3em

14.5pt

20px

1.25em

14pt

19px

1.2em

13.5pt

18px

1.125em

13pt

17px

1.05em

12pt

16px

1em

11pt

15px

0.95em

10.5pt

14px

0.875em

10pt

13px

0.8em

9pt

12px

0.75em

8pt

11px

0.7em

7.5pt

10px

0.625em

7pt

9px

0.55em

6.5pt

8px

0.5em

5.5pt

7px

0.4375em

5pt

6px

0.375em


您的支持是我们创作的动力!
温馨提示:本文作者系Terry ,经Web前端之家编辑修改或补充,转载请注明出处和本文链接:
https://www.jiangweishan.com/article/html20200601.html

网友评论文明上网理性发言已有0人参与

发表评论: