• 技术文章 >Web开发 >css教程

    css px和pt的不同

    小妮浅浅小妮浅浅2021-07-06 17:13:07原创337

    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教程

    专题推荐:css px pt
    品易云
    上一篇:css中px如何理解 下一篇:css后代选择器的介绍

    相关文章推荐

    • css Flex容器属性有哪些• css flex的排列方式• css中flex-basis的使用• css性能优化的解决办法• css中fraction如何使用• css中outline-offset的使用注意• css如何实现自定义的属性• css自定义属性如何继承• css内边框如何理解• CSS如何绘制三角形• CSS中motion path模块的介绍• css不可点击样式实现的方法• css中px如何理解

    全部评论我要评论

  • 取消发布评论
  • 

    Python学习网