CSS中px和pt的用法分别是什么，区别在哪

来源：恒创科技编辑：恒创科技编辑部

2024-01-15 15:22:59

这篇文章给大家分享的是CSS中px和pt的用法分别是什么，区别在哪。小编觉得挺实用的，因此分享给大家做个参考，文中的介绍得很详细，而要易于理解和学习，有需要的朋友可以参考，接下来就跟随小编一起了解看看吧。

_{1、px和pt，一个是设备坐标，一个是逻辑坐标，两者不同。

2、pt是绝对单位，1pt=1/72英寸。
px是一个相对单位，一般像素的参考值是：在像素密度为90pdi的显示器上，正常人从距离显示器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的表格来框住他，这只是一个例子。
请大家做个测试，body{font-size:10.5pt;}和body{font-size:14.7px;}这两种定义方法，要让Netscape显示出10.5磅比较优化的字号，只能定义为14.7px，否则只能认识IE。

“CSS中px和pt的用法分别是什么，区别在哪”的内容就介绍到这里了，感谢大家的阅读。如果想了解更多行业技术相关的知识可以关注恒创科技网站，小编每天都会为大家更新不同的知识。}