关于长度单位pt、px、dpi的误解
发布时间：2008-06-01 13:30:00
标签：单位,长度,显示,CSS
在印刷排版中“point”是一个绝对的单位，它等于 1/72 英寸。可以用尺子丈量的，物理的英寸。
但在CSS中pt的含义却非如此，例如我们指定一个字体是9pt，浏览器会以CSS规范解释，它等于：
9 * 1/72 = 1/8 inch
这是一个误解，因为我们的显示器被分割为了一个个的像素，单个像素只能有一种颜色（为了简化，这里暂不讨论次像素反锯齿技术），要在屏幕上显示，必须先把以pt为单位的长度转换为以像素为单位的长度，这个转换的媒介，就是dpi（事实上，这里的所谓的dpi，是操作系统和浏览器中使用的术语，即为PPI, pixels per inch，扫描仪、打印机、数码相机中的DPI是不同的）。
例如，无论在哪个操作系统中，Firefox浏览器默认的dpi都是96，那么实际上：
9pt = 9 * 1/72 * 96 = 12px
所以，虽然“pdi”中的“I”和“1pt”等于1/72 inch中的“inch”，都不代表物理上的英寸，但这两个单位互相之间是相等的，也就在相乘中约掉了。
那么，真实的物理长度怎么计算呢？请拿出一把尺子，丈量你的显示器的可见宽度 (我这里是 11.2992 英寸)，除以横向分辨率 (我这里是 1024 像素)，得到的就是每个像素的物理长度。
现在我们可以回答这样一个问题，网页上 9pt 的字体究竟占用了多宽的空间？答案是：
9 * 1/72 * 96 * 11.2992 / 1024 = 0.1324 英寸 = 0.3363 厘米
有兴趣的朋友可以自己测试一下。
0
投稿猜你喜欢
- 看了一个月的文档和资料以后，终于让我参与到项目中来了，哈哈，痛快！虽然只是让我解决一个小问题，不过有活干就是好。在写代码的过程中遇到了一个小
1.用CSS实现布局让我们一起来做一个页面，首先，我们需要一个布局。请使用CSS控制3个div，实现如下图的布局。考察应试者的基本布局知识—- 如何用组件实现自动发送电子邮件？我想做一个能够自动发送电子邮件的程序，该如何做？ 这就要用到w3 upl
- 原来sql还有个stuff的函数，很强悍。 一个列的格式是单引号后面跟着4位的数字，比如'0003,'0120,'4
- OL是有序列表，但给list-style-type:decimal 定义，在IE中却显示的全是1，在火狐、Opera、谷歌、Safari等中
- 机器A: select instance_name from v$instance; select name from v$database
- 内容摘要： 网页的色彩搭配往往是网友们感到头疼的问题，尤其是那些完全没有美术基础的网友。到底用
- FSO中除了可以对驱动器、文件夹的操作以外，功能最强大的就是对文件的操作了。它可以用来记数、内容管理、搜索还可生成动态HTML页面等等。一、
- 众所周知，随着数据库体积的日益庞大，其备份文件的大小也水涨船高。虽然说通过差异备份与完全备份配套策略，可以大大的减小SQL Server数据
- 一个随机排列元素的方法, 其实之前是在摄影页面写的一个小效果.查看演示: 点此查看DEMO实现方法利用Math.random()产生随机数,
- 瞬间设计是什么？良好的用户体验，全在于那些完美的瞬间。在第一个瞬间，假设当一位用户从购物搜索结果页面跳转到某个店铺的时候，他此刻可能是想看看
- innerHTML,outerHTML innerHTML检索或设置标签内的内容；outerHTML检索或设置整个标签的内容（包含标签）。&
- 在一行内声明CSS，对比下面两个：h2 {font-size:18px; border:1px solid&n
- 在本文上两篇中，我们学习了脚本语言 VBScript 的变量、函数、过程和条件语句，本篇将继续给大家介绍 VBScipt 的循环语句，并对脚
- 先问一个问题, 在firefox 2里,正则表达式字符"\d"全等于"[0-9]"吗?有可能你会答&
- 代码如下:SET ANSI_NULLS ON GO SET QUOTED_IDENTIFIER ON GO /* by kudychen 2
- --语 句 功 能 --数据操作 SELECT --从数据库表中检索数据行和列 INSERT --向数据库表添加新数据行 DELETE --
- 为满足用户的视觉追求及产品的背景图片的换肤功能，设计师难免在设计上会用到半透明的效果。因此页面重构师基于视觉及产品的需要，采用了PNG32的
- 此文档是一位高手同事Hewei的原创实践总结,过程真是精彩,最后修复损坏数据库取得圆满效果,值得收藏的一篇好文章。前几天因为mysql数据库
- 春节前在蓝色理想上发了个“雅虎口碑招聘前端工程师 ”的启事，节后收到很多简历，加之HR通过专业招聘网站得到的简历和朋友同事推荐的简历，数量上
