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 才认识。

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

猜你喜欢

• CSS实现变形、过渡和动画的效果的基本方法是什么

  这篇文章主要介绍了CSS 小结笔记之变形、过渡与动画的示例的相关资料，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧

• 移动端CSS列表滑动时怎样防止低端被遮住

  这篇文章主要介绍了css列表滑动防止被底部遮住和适配屏幕长一点的机型处理 ,需要的朋友可以参考下

• CSS float属性是怎样实现元素的左右浮动效果的

  本篇文章给大家带来了关于css的相关知识，其中主要介绍了float属性控制div左右浮动的相关问题，浮动，顾名思义，就是漂浮的意思。指的是一个元素脱离文档流，悬浮在父元素之上的现象，下面一起来看一下，希望对大家有帮助。

• HTML中table表格边框实现思路和代码是什么

  本文通过实例代码给大家介绍了HTML table表格边框的实现思路，非常不错，具有一定的参考借鉴价值，需要的朋友参考下吧

• 用CSS怎样做三列布局中间自适应的效果？

  三列布局是比较常见的布局，这篇文章给大家分享用CSS实现三列布局中间自适应的效果，也就是两列固定与一列自适应，小编觉得挺实用的，因此分享给大家做个参考，文中示例代码介绍的很详细，感兴趣的朋友接下来一起跟随小编看看吧。