css中px和pt的区别有哪些

这篇文章主要介绍了css中px和pt的区别有哪些，具有一定借鉴价值，感兴趣的朋友可以参考下，希望大家阅读完这篇文章之后大有收获，下面让小编带着大家一起了解一下。

区别：pt是绝对单位，px是相对单位。使用px定义文字，无论用户怎么设置，都不会改变大小；使用pt定义文字，当用户设置超过96DPI的值，数值越大，字体就越大。

本教程操作环境：windows7系统、CSS3版、Dell G3电脑。

px和pt，一个是设备坐标，一个是逻辑坐标，两者是不同的。

pt是个绝对单位，1 pt =1/72 英寸

px是个相对单位，一般像素的参考值为：在一个像素密度是90 pdi的显示器上，正常人从距离显示器28英寸处看一个像素的视角应该不小于0.0227度。

使用px定义文字，无论用户怎么设置，都不会改变大小；使用pt定义文字，当用户设置超过96DPI的值，数值越大，字体就越大。

如果大家做网页是为了浏览而不是印刷，建议大家用 px 来定义字号，理由如下：

1. 如前面 Jet 所述，px 指的是象数，象数这个概念本身就是为了显示才引用的，而 pt （磅值）很大程度上是为了印刷不出错，印刷和显示有很大的不同，这里不多说，吉吉所说的情况也是用 pt 带来的弊病。

2. Html 代码中大部分默认的单位，例如 width=10 等等，都是以 px 做为单位的，屏幕的总宽度高度也是以 px 做为单位，800*600 就是宽 800px; 高 600px; 我们把字号定义为 12px; 可以很方便的计算，例如，10个中文字 ，他的宽度就是 10*12=120，我们很容易可以写一个 width=120 的表格把他框住，这只是一个例子。

3. 请大家做一个试验，body { font-size:10.5pt; } 和 body { font-size:14.7px; } 这两种定义方法，要让 Netscape 显示那种 10.5 磅的比较优化的字号，只有定义成 14.7px 才可以，否则只有 IE 才认识。

感谢你能够认真阅读完这篇文章，希望小编分享的“css中px和pt的区别有哪些”这篇文章对大家有帮助，同时也希望大家多多支持亿速云，关注亿速云行业资讯频道，更多相关知识等着你来学习!