品易云推流 关闭
文章详情页
文章 > css教程 > css px和pt的不同

css px和pt的不同

css

头像

小妮浅浅

2021-07-06 17:13:071175浏览 · 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教程

关注

关注公众号,随时随地在线学习

本教程部分素材来源于网络,版权问题联系站长!

底部广告图