PT与PX区别

字号、pt(点数或磅)、px(像素)、inch(英寸)、cm(厘米)之间关系对照表

字号、pt(点数或磅)、px(像素)、inch(英寸)、cm(厘米)之间关系对照表在印刷排版中，“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。

所以，虽然“DPI”中的“I”和“1pt 等于1/72 inch”中的“inch”，都不代表物理上的英寸，但这两个单位互相之间是相等的，也就在相乘中约掉了。

那么，真实的物理长度怎么计算呢?请拿出一把尺子，丈量你的显示器的可见宽度 (我这里是 11.2992 英寸)，除以横向分辨率 (我这里是 1024 像素)，得到的就是每个像素的物理长度。

现在我们可以回答这样一个问题，网页上 9pt 的字体究竟占用了多宽的空间?答案是:9 * 1/72 * 96 * 11.2992 / 1024 = 0.1324 英寸 =0.3363 厘米。

CSS相对长度单位(relative length unit)CSS相对长度单位中的相对二字，表明了其长度单位会随着它的参考值的变化而变化，不是固定的。

以下是CSS相对长度单位列表：CSS相对长度单位说明em 元素的字体高度The height of the element's fontex 字母x的高度The height of the letter "x"px 像素Pixels% 百分比Percentage CSS绝对长度单位(absolute length unit)绝对长度单位是一个固定的值。

html中px、em、pt(像素、相对长度、点)详解

html中px、em、pt(像素、相对长度、点)详解一、PX\EM\PT单位介绍px单位名称为像素，相对长度单位，像素（px）是相对于显示器屏幕分辨率而言的国内推荐；em单位名称为相对长度单位。

相对于当前对象内文本的字体尺寸，国外使用比较多；pt单位名称为点（Point），绝对长度单位一般老版本的table使用长度大小单位但是现在基本上没有使用。

html单位简短介绍：Px 像素Pixel；相对长度单位。

Pt 点（Point）；绝对长度单位Em 相对长度单位，这里em与html <em>标签的"EM"拼写完全相同，而这里em作为单独文本单位。

1. 以前IE无法调整那些使用px作为单位的字体大小,但现在几乎IE都支持在这里也推荐使用PX作为单位;2. 国外的大部分网站能够调整的原因在于其使用了em作为字体单位;3. Firefox能够调整px和em，但是96%以上的中国网民使用IE浏览器(或内核)。

px像素(Pixel)。

相对长度单位。

像素px是相对于显示器屏幕分辨率而言的，QQ截图也是使用PX作为长度宽度单位。

em是相对长度单位。

相对于当前对象内文本的字体尺寸。

如当前对行内文本的字体尺寸未被人为设置，则相对于浏览器的默认字体尺寸。

二、html单位对比案例1、简单小例：Width:300px 宽度为300像素Width:300pt 宽度为300点Width:300em 宽度为300相对长度以上我们设置相同数值的不同单位实例2、对文字设置不同长度em px pt单位看看效果：CSS代码：1..divcss5-px{ font-size:12px}2..divcss5-pt{ font-size:12pt}3..divcss5-em{ font-size:2em}HTML代码：1.<div class="divcss5-px">我是divcss5</div>2.<div class="divcss5-pt">我是divcss5</div>3.<div class="divcss5-em">我是divcss5</div>3、单位长度对比说明图html px pt em单位案例对比图三、em与px换算任意浏览器的默认字体高度16px（16像素）。

PT与PX区别字体大小的设置单位，常用的有2种：px、pt。

这两个有什么区别呢？先搞清基本概念：px就是表示pixel，像素，是屏幕上显示数据的最基本的点；pt就是point，是印刷行业常用单位，等于1/72英寸。

这样很明白，px是一个点，它不是自然界的长度单位，谁能说出一个“点”有多长多大么？可以画的很小，也可以很大。

如果点很小，那画面就清晰，我们称它为“分辨率高”，反之，就是“分辨率低”。

所以，“点”的大小是会“变”的，也称为“相对长度”。

pt全称为point，但中文不叫“点”，查金山词霸可以看到，确切的说法是一个专用的印刷单位“磅”，大小为1/72英寸。

所以它是一个自然界标准的长度单位，也称为“绝对长度”。

因此就有这样的说法，pixel是相对大小，而point是绝对大小。

分清“屏幕效果”和“打印效果”：在浏览网页过程中，所有的“大”“小”概念，都是基于“屏幕”这个“界面”上。

“屏幕”上的各种信息，包括文字、图片、表格等等，都会随屏幕的分辨率变化而变化，一个100px宽度大小的图片，在800×600分辨率下，要占屏幕宽度的1/8，但在1024×768下，则只占约1/10。

所以如果在定义字体大小时，使用px作为单位，那一旦用户改变显示器分辨率从800到1024，用户实际看到的文字就要变“小”（自然长度单位），甚至会看不清，影响浏览。

那是不是用pt做单位就没这样的问题呢？错！问题同样出现。

刚才的例子已经很清楚的说明，在不同分辨率下，无论是px还是pt，都会改变大小。

以现在的电脑屏幕情况，还没有一种单位可以保证，在不同分辨率下，一个文字大小可以“固定不变”。

因为这很难以实现也不是很有必要：全球电脑用户以亿来数，屏幕从14寸到40寸甚至更高都有，屏幕大小不同，分辨率也不同，要保证一个字体在所有用户面前大小一样，实在是MISSION IMPOSSIBLE。

另外，电脑有其自身的调节性。

网页设计CSS中文字大小的pt、px的区别

所以，px和pt的使用区别，只有当用户改变默认的96DPI下才会产生：使用px定义文字，无论用户怎么设置，都不会改变大小；使用pt定义文字，当用户设置超过96DPI的值，数值越大，字体就越大。
（附公式：px = pt * DPI / 72)
对了，刚才还提到改变浏览器中文字大小的选项，也可以改变网页的文字大小。但在这种情况下，使用px和pt都是无效的，因为这2个都是有实际“pixel”数值的单位，比如9pt是12px，大小固定。这里要引用新的单位：em，其实就是％。因为当网页中的字体没有给出实际的px或pt定义的话，会有一个默认值：12pt即16px，对应浏览器中“字体大小”中的“中等”，以这个为标准，变大或缩小。（只适用于IE，在FF中，即便定义px或pt也都可以变大变小）
但的word或中，使用pt就相当方便。因为使用Word和Photoshop的主要目的都不是为了屏幕浏览，而是输出打印。当打印到实体时，pt作为一个自然长度单位就方便实用了：比如Word中普通的文档都用“宋体 9pt”，标题用“黑体 16pt”等等，无论电脑怎么设置，打印出来永远就是这么大。又或者在Photoshop中，设置一个图片中的某个艺术效果的字体是72pt大小，然后分别将这张图片设为300DPI和72DPI，再打印出来，就可以看出，这2个字体大小完全一样，只是“清晰度”不同，300DPI更清晰。这是毫无疑问的结果。
那在页面设计中到底是用px还是考了。
Mac机怎么情况不清楚，在Windows里，默认的显示设置中，把文字定义为96DPI（PPI，微软都将DPI和PPI混为一体，我们也就无须较真了）。这样的定义，说明了：1px＝1/96英寸。联系pt的概念，1pt＝1/72英寸，可以得出，在这样的设置中，1px＝0.75pt，常见的宋体9pt＝12px。在显示器分辨率不变的基础上（比如现在常用的1024×768），1px大小也就固定不变，改变显示设置，调整为144DPI，可以得出，1px＝0.5pt，常见的宋体9pt＝18px。原先用12px来组成的一个文字，现在需要18px来组成，px多了，文字就“大”了，更易阅读了。

APP开发、UI设计中px、pt、ppi、dpi、dp、sp之间的关系

先介绍下各自的定义：px： pixel，像素，电子屏幕上组成一幅图画或照片的最基本单元pt: point，点，印刷行业常用单位，等于1/72英寸ppi: pixel per inch，每英寸像素数，该值越高，则屏幕越细腻dpi: dot per inch，每英寸多少点，该值越高，则图片越细腻dp: dip，Density-independent pixel, 是安卓开发用的长度单位，1dp表示在屏幕像素点密度为160ppi时1px长度sp: scale-independent pixel，安卓开发用的字体大小单位。

以下是换算关系：一、pt和px公式一： 1pt= (DPI / 72) px当photoshop中新建画布的分辨率为72ppi( 即 72dpi时 )， 1pt=1px; 当新建画布分辨率为72*2=144ppi时，1pt=2px二、ppi和dpidpi最初用于衡量打印物上每英寸的点数密度。

DPI值越小图片越不精细。

当DPI的概念用在计算机屏幕上时，就应称之为ppi。

同理： PPI就是计算机屏幕上每英寸可以显示的像素点的数量。

因此，在电子屏幕显示中提到的ppi和dpi 是一样的，可认为公式二：dpi=ppi三、ppi计算方法ppi是指屏幕上的像素密度，其计算方法为：公式三： ppi= 屏幕对角线上的像素点数/对角线长度= √ (屏幕横向像素点^2 +屏幕纵向像素点^2)/对角线长度以小米2s为例，该屏幕分辨率为720px*1280px，4.3英寸。

则点密度为√(720^2 +1280^2) /4.3 = 342ppi。

四、px和dpdp为安卓开发时的长度单位，根据不同的屏幕分辨率，与px有不同的对应关系。

安卓端屏幕大小各不相同，根据其像素密度，分为以下几种规格：1dp定义为屏幕密度值为160ppi时的1px，即，在mdpi时，1dp = 1px。

以mdpi为标准，这些屏幕的密度值比为：ldpi : mdpi : hdpi : xhdpi : xxhdpi = 0.75 :1 : 1.5 :2 : 3;即，在xhdpi的密度下，1dp=2px;在hdpi情况下，1dp=1.5px。

字号、pt、px、inch、cm之间的关系及对照表

字号、pt、px、inch、cm之间的关系及对照表[注意]字号、pt、px、inch、cm 之间的关系及对照表引⾃在印刷排版中，“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。

所以，虽然“DPI”中的“I”和“1pt 等于 1/72 inch”中的“inch”，都不代表物理上的英⼨，但这两个单位互相之间是相等的，也就在相乘中约掉了。

那么，真实的物理长度怎么计算呢?请拿出⼀把尺⼦，丈量你的显⽰器的可见宽度 (我这⾥是 11.2992 英⼨)，除以横向分辨率 (我这⾥是 1024 像素)，得到的就是每个像素的物理长度。

现在我们可以回答这样⼀个问题，⽹页上 9pt 的字体究竟占⽤了多宽的空间?答案是: 9 * 1/72 * 96 * 11.2992 / 1024 = 0.1324 英⼨ = 0.3363 厘⽶。

CSS相对长度单位(relative length unit) CSS相对长度单位中的相对⼆字，表明了其长度单位会随着它的参考值的变化⽽变化，不是固定的。

以下是CSS相对长度单位列表：CSS相对长度单位说明em 元素的字体⾼度The height of the element's fontex 字母x的⾼度The height of the letter "x"px 像素Pixels% 百分⽐PercentageCSS绝对长度单位(absolute length unit)绝对长度单位是⼀个固定的值。

字号、pt（点数或磅）、px（像素）、inch（英寸）、cm（厘米）之间关系对照表

字号、pt（点数或磅）、px（像素）、inch（英⼨）、cm（厘⽶）之间关系对照表在印刷排版中，“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。

所以，虽然“DPI”中的“I”和“1pt 等于 1/72 inch”中的“inch”，都不代表物理上的英⼨，但这两个单位互相之间是相等的，也就在相乘中约掉了。

那么，真实的物理长度怎么计算呢?请拿出⼀把尺⼦，丈量你的显⽰器的可见宽度 (我这⾥是 11.2992 英⼨)，除以横向分辨率 (我这⾥是1024 像素)，得到的就是每个像素的物理长度。