长度单位

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

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

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

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

5 em,pt与px之间的关系：

1em = 100% = 12pt = 16px

6 在网页设计中，pixel是相对大小，而point是绝对大小，这种说法其实还是存在问题的
文字72px

文字72pt

文字96px

看出什么名堂了么？

72px要比72pt小一些，但96px正好和72pt一样大小

让我们来调整电脑的设置：在桌面上右键 > 属性 > settings > Advanced > General > DPI setting > 96 DPI。

试着改变设置，设为72DPI，重启，再打开浏览器看：72px已经等同于72pt了。为什么？

还是再做个实验：分别用800×600和1024×768看刚才的例子，明显高分辨率下，文字就变小。而且，关键的是，无论用px还是pt，都会变小。pt并没有如有些人所说，是“绝对”的，“固定”的。