前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >【说站】css px和pt的不同

【说站】css px和pt的不同

作者头像
很酷的站长
发布2022-11-23 16:56:09
5420
发布2022-11-23 16:56:09
举报
文章被收录于专栏:站长的编程笔记

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的不同,希望对大家有所帮助。更多css学习指路:css教程

收藏 | 0点赞 | 0打赏

本文参与 腾讯云自媒体同步曝光计划,分享自作者个人站点/博客。
如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
目录
  • css px和pt的不同
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档