了解下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。
pt | px | em |
---|---|---|
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 |
网友评论文明上网理性发言已有0人参与
发表评论: