温馨提示×

温馨提示×

您好,登录后才能下订单哦!

密码登录×
登录注册×
其他方式登录
点击 登录注册 即表示同意《亿速云用户服务条款》

css中px和pt的区别有哪些

发布时间:2021-07-06 14:36:07 来源:亿速云 阅读:250 作者:小新 栏目:web开发

这篇文章主要介绍了css中px和pt的区别有哪些,具有一定借鉴价值,感兴趣的朋友可以参考下,希望大家阅读完这篇文章之后大有收获,下面让小编带着大家一起了解一下。

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

本教程操作环境: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中px和pt的区别有哪些”这篇文章对大家有帮助,同时也希望大家多多支持亿速云,关注亿速云行业资讯频道,更多相关知识等着你来学习!

向AI问一下细节

免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:is@yisu.com进行举报,并提供相关证据,一经查实,将立刻删除涉嫌侵权内容。

AI