CSS的px和pt单位表示什么，怎样用-群英

上一篇：CSS样式无法起效的原因怎样排查下一篇：CSS的border-radius属性能做什么，有哪些值

关于“CSS的px和pt单位表示什么，怎样用”的知识有一些人不是很理解，对此小编给大家总结了相关内容，具有一定的参考借鉴价值，而且易于学习与理解，希望能对大家有所帮助，有这个方面学习需要的朋友就继续往下看吧。

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单位表示什么，怎样用”的文章就介绍到这了,更多相关内容请搜索群英网络以前的文章或继续浏览下面的相关文章，希望大家以后多多支持群英网络！