首页 > web前端 > 前端问答 > css中px和pt的区别是什么

css中px和pt的区别是什么

青灯夜游
发布: 2023-01-07 11:42:02
原创
4515 人浏览过

区别:pt是绝对单位,px是相对单位。使用px定义文字,无论用户怎么设置,都不会改变大小;使用pt定义文字,当用户设置超过96DPI的值,数值越大,字体就越大。

css中px和pt的区别是什么

本教程操作环境:windows7系统、CSS3版、Dell G3电脑。

px和pt,一个是设备坐标,一个是逻辑坐标,两者是不同的。

pt是个绝对单位,1 pt =1/72 英寸

px是个相对单位,一般像素的参考值为:在一个像素密度是90 pdi的显示器上,正常人从距离显示器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 的表格把他框住,这只是一个例子。

3. 请大家做一个试验,body { font-size:10.5pt; } 和 body { font-size:14.7px; } 这两种定义方法,要让 Netscape 显示那种 10.5 磅的比较优化的字号,只有定义成 14.7px 才可以,否则只有 IE 才认识。

(学习视频分享:css视频教程

以上是css中px和pt的区别是什么的详细内容。更多信息请关注PHP中文网其他相关文章!

相关标签:
来源:php.cn
本站声明
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板