样式中文字大小px、pt、em的区别

在网页设计、样式代码编程过程中经常用到的设置字体大小的有px、pt、em等，本篇文字主要说说这三者的区别。

基本概念:
px 就是表示pixel，像素，是屏幕上显示数据的最基本的点，最小单位；

pt就是point，是印刷行业常用单位，等于1/72英寸。

em， 其实就是％，从这个概念上看，em才是真正的“相对单位”。

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

pt全称为point，但中文不叫“点”，确切的说法是一个专用的印刷单位“磅”，大小为1/72英寸。所以它是一个自然界标准 的长度单位，也称为“绝对长度”。

px会随显示器的分辨率而改变，pt会随Windows系统字体大小设置而改变。

设 置Windows系统字体大小：桌面上右键 > 属性 > 设置 > 高级 > 常规 > DPI 设置，默认的是“正常尺寸96DPI”，你可以自定义修改。

px和pt的使用区别，只有当用户改变默认的96DPI下才会产生：使用px 定义文字，无论用户怎么设置，都不会改变大小；使用pt定义文字，当用户设置超过96DPI的值，数值越大，字体就越大。

转换计算公 式：px = pt * DPI / 72

在网页设计中，面向用户的屏幕的基本单位是px，因此使用px作为单位是最简单也最容易理解 的，而pt也不过是通过了Windows的设置乘上了一个比率转变成px再显示，算是绕了个圈子。参考大部分大型网站，包括Adobe和 Microsoft，都是使用px作为单位，而且在HTML中，默认的单位就是px。

但在Word或Photoshop中，使用pt就相 当方便。因为使用Word和Photoshop的主要目的都不是为了屏幕浏览，而是输出打印。当打印到实体时，pt作为一个自然长度单位就方便实用了：比 如Word中普通的文档都用“宋体 9pt”，标题用“黑体 16pt”等等，无论电脑怎么设置，打印出来永远就是这么大。又或者在Photoshop中，设置一个图片中的某个艺术效果的字体是72pt大小，然后分 别将这张图片设为300DPI和72DPI，再打印出来，就可以看出，这2个字体大小完全一样，只是“清晰度”不同，300DPI更清晰。这是毫无疑问的 结果。