css px和pt的不同
小妮浅浅
2021-07-06 17:13:075488浏览 · 0收藏 · 0评论
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的不同，希望对大家有所帮助。更多css学习指路：css教程
关注公众号，随时随地在线学习
分享到微博
微信扫一扫
流芳
124029
