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

发布时间：2023-10-16 10:07:30 所属栏目：语言来源：

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

这篇文章给大家分享的是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。

（编辑：汽车网）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!