精华内容
下载资源
问答
  • pt和px的转换关系pt = px *(3/4)。 px 是一个像素点,像素越高,分辨率越高。所以,“点”大小是会“变”,也称为“相对长度”。 pt和px的区别: 当用户改变默认 96DPI :使用 px 定义文字,无论用户...

    pt和px的定义:

     

    pt 是一个印刷单位“磅”,大小为 1/72 英寸,是一个自然界标准的长度单位,也称为“绝对长度”。pt和px的转换关系为

    pt = px *(3/4)。

    px 是一个像素点,像素越高,分辨率越高。所以,“点”的大小是会“变”的,也称为“相对长度”。

     

    pt和px的区别:

    当用户改变默认的 96DPI :使用 px 定义文字,无论用户怎么设置值,都不会改变大小;使用 pt 定义文字,当用户设置超过 96DPI 的值,数值越大,字体就越大。
     

    pt 和 px 相互转换关系:

    pt = px * (3/4)。例如:768px * (3/4) = 576pt。

    展开全文
  • pxpt和em区别

    2013-11-27 15:23:34
    老是被人问到pxpt和em的区别,自己有时候也会纠结到底该用什么单位,今天特意查了一些文章,...我一直也搞不清楚px与em之间的关系和特点,看过以后确实收获很大。平时都是用px来定义字体,所以无法用浏览器字体放大

    老是被人问到px、pt和em的区别,自己有时候也会纠结到底该用什么单位,今天特意查了一些文章,下面这篇虽然很久远了,但解释的比较全面,转载收藏之。点击查看原文

    这里引用的是Jorux的“95%的中国网站需要重写CSS”的文章,题目有点吓人,但是确实是现在国内网页制作方面的一些缺陷。我一直也搞不清楚px与em之间的关系和特点,看过以后确实收获很大。平时都是用px来定义字体,所以无法用浏览器字体放大的功能,而国外大多数网站都可以在IE下使用。因为:

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

    px像素(Pixel)是相对长度单位,像素px是相对于显示器屏幕分辨率而言的。(引自CSS2.0手册)

    em是相对长度单位,相对于当前对象内文本的字体尺寸。如当前对行内文本的字体尺寸未被人为设置,则相对于浏览器的默认字体尺寸。(引自CSS2.0手册)

    字体单位使用em能支持IE6下的字体缩放,在页面中按ctrl+滚轮,字体以px为单位的网站没有反应。

    px是绝对单位,不支持IE的缩放。
    em是相对单位,网页中的文字能放大和缩小。将行距(line-height),和纵向高度的单位都用em。保证缩放时候的整体性。
    任意浏览器的默认字体高都是16px。所有未经调整的浏览器都符合: 1em=16px。那么12px=0.75em,10px=0.625em。为了简化font-size的换算,需要在css中的body选择器中声明Font-size=62.5%,这就使em值变为 16px*62.5%=10px, 这样12px=1.2em, 10px=1em, 也就是说只需要将你的原来的px数值除以10,然后换上em作为单位就行了。

    em有如下特点:
    1. em的值并不是固定的;
    2. em会继续父级元素的字体大小。

    所以我们在写CSS的时候,需要注意:
    1. body选择器中声明Font-size=62.5%;(Font-size=63%;用于ie6兼容)
    2. 将你的原来的px数值除以10,然后换上em作为单位;
    3. 重新计算那些被放大的字体的em数值。避免字体大小的重复声明。
    也就是避免1.2 * 1.2= 1.44的现象。比如说你在#content中声明了字体大小为1.2em,那么在声明p的字体大小时就只能是1em,而不是1.2em, 因为此em非彼em,它因继续#content的字体高而变为了1em=12px。
    但是12px汉字例外,就是由以上方法得到的12px(1.2em)大小的汉字在IE中并不等于直接用12px定义的字体大小,而是稍大一点。这个问题 Jorux已经解决,只需在body选择器中把62.5%换成63%就能正常显示了。原因可能是IE处理汉字时,对于浮点的取值精确度有限。不知道有没有其他的解释。

    单位pt的说明

    在印刷排版中,point是一个绝对值,它等于1/72英寸,可以用尺子丈量的,物理的英寸。但是在css中pt含义却并非如此。因为我们的显示器被分割为了一个个的像素,单个像素只能有一种颜色 (为了简化,这里暂不讨论次像素反锯齿技术),要在屏幕上显示,必须先把以 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 厘米。

    虽然pt是绝对单位,但是那只是针对输出设备而言的,在文字排版工具(word,abobe)中是非常有用的字体单位。不管显示器的分辨率是多少,打印在纸面上的结果是一样的。

    但是网页主要为了屏幕显示,而不是为了打印等其他需要的。而px能够精确地表示元素在屏幕中的位置和大小。

    当然。在dpi是96的情况下,9pt=12px。

    展开全文
  • html,CSS文字大小单位px、em、pt的关系换算   这里引用的是Jorux的“95%的中国网站需要重写CSS”的文章,题目有点吓人,但是确实是现在国内网页制作方面的一些缺陷。我一直也搞不清楚px与em之间的关系特点,看...

    html,CSS文字大小单位px、em、pt的关系换算

    这里引用的是Jorux的“95%的中国网站需要重写CSS”的文章,题目有点吓人,但是确实是现在国内网页制作方面的一些缺陷。我一直也搞不清楚px与em之间的关系和特点,看过以后确实收获很大。平时都是用px来定义字体,所以无法用浏览器字体放大的功能,而国外大多数网站都可以在IE下使用。因为:

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

    px像素(Pixel)是相对长度单位,像素px是相对于显示器屏幕分辨率而言的。(引自CSS2.0手册)

    em是相对长度单位,相对于当前对象内文本的字体尺寸。如当前对行内文本的字体尺寸未被人为设置,则相对于浏览器的默认字体尺寸。(引自CSS2.0手册)

    字体单位使用em能支持IE6下的字体缩放,在页面中按ctrl+滚轮,字体以px为单位的网站没有反应。

    px是绝对单位,不支持IE的缩放。
    em是相对单位,网页中的文字能放大和缩小。将行距(line-height),和纵向高度的单位都用em。保证缩放时候的整体性。
    任意浏览器的默认字体高都是16px。所有未经调整的浏览器都符合: 1em=16px。那么12px=0.75em,10px=0.625em。为了简化font-size的换算,需要在css中的body选择器中声明Font-size=62.5%,这就使em值变为 16px*62.5%=10px, 这样12px=1.2em, 10px=1em, 也就是说只需要将你的原来的px数值除以10,然后换上em作为单位就行了。

    em有如下特点:
    1. em的值并不是固定的;
    2. em会继续父级元素的字体大小。

    所以我们在写CSS的时候,需要注意:
    1. body选择器中声明Font-size=62.5%;(Font-size=63%;用于ie6兼容)
    2. 将你的原来的px数值除以10,然后换上em作为单位;
    3. 重新计算那些被放大的字体的em数值。避免字体大小的重复声明。
    也就是避免1.2 * 1.2= 1.44的现象。比如说你在#content中声明了字体大小为1.2em,那么在声明p的字体大小时就只能是1em,而不是1.2em, 因为此em非彼em,它因继续#content的字体高而变为了1em=12px。
    但是12px汉字例外,就是由以上方法得到的12px(1.2em)大小的汉字在IE中并不等于直接用12px定义的字体大小,而是稍大一点。这个问题 Jorux已经解决,只需在body选择器中把62.5%换成63%就能正常显示了。原因可能是IE处理汉字时,对于浮点的取值精确度有限。不知道有没有其他的解释。

    单位pt的说明

    在印刷排版中,point是一个绝对值,它等于1/72英寸,可以用尺子丈量的,物理的英寸。但是在css中pt含义却并非如此。因为我们的显示器被分割为了一个个的像素,单个像素只能有一种颜色 (为了简化,这里暂不讨论次像素反锯齿技术),要在屏幕上显示,必须先把以 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 厘米。

    虽然pt是绝对单位,但是那只是针对输出设备而言的,在文字排版工具(word,abobe)中是非常有用的字体单位。不管显示器的分辨率是多少,打印在纸面上的结果是一样的。

    但是网页主要为了屏幕显示,而不是为了打印等其他需要的。而px能够精确地表示元素在屏幕中的位置和大小。

    当然。在dpi是96的情况下,9pt=12px。

    原文链接:http://www.2cto.com/kf/201210/160930.html

    附px、em、%和pt换算表

    px,em,pt对照表\

     

    展开全文
  • pxpt

    2018-01-03 09:43:00
    px:pixel,像素,屏幕上显示最小单位,用于网页设计,直观方便; pt:point,是一个标准长度... PPI(DPI):pixel(dot)per inch,每英寸像素(点)数,是一个率,表示了“清晰度”,“精度”PX和PT转换...

     

      px:pixel,像素,屏幕上显示的最小单位,用于网页设计,直观方便;

      pt:point,是一个标准的长度单位,1pt=1/72英寸,用于印刷业,非常简单易用;

      em:即%,在CSS中,1em=100%,是一个比率,结合CSS继承关系使用,具有灵活性。

      PPI(DPI):pixel(dot)per inch,每英寸的像素(点)数,是一个率,表示了“清晰度”,“精度”

     

    PX和PT转换的公式:

    以前在文章中介绍过PX和PT的转换规则,其实很简单,pt=px乘以3/4。

    比如12px×3/4=9pt大小。

    PX和em转换的公式:

    对于PX转em的方法也类似,就是em=16乘以px,也就是说1.5em=1.5×16=24px。

     

    设计中常用PX/EM/PT/百分比转换表格

    Pixels
     EMs
     Percent
     Points
      
     
    6px
     0.375em
     37.50%
     5pt
      
     
    7px
     0.438em
     43.80%
     5.5pt
      
     
    8px
     0.5em
     50%
     6pt
      
     
    9px
     0.563em
     56.30%
     7pt
      
     
    10px
     0.625em
     62.50%
     8pt
      
     
    11px
     0.688em
     68.80%
     8pt
      
     
    12px
     0.75em
     75%
     9pt
      
     
    13px
     0.813em
     81.30%
     10pt
      
     
    14px
     0.875em
     87.50%
     11pt
      
     
    15px
     0.938em
     93.80%
     11pt
      
     
     
     
    16px
     1em
     100%
     12pt
     
    17px
     1.063em
     106.30%
     13pt
     
    18px
     1.125em
     112.50%
     14pt
     
    19px
     1.188em
     118.80%
     14pt
     
    20px
     1.25em
     125%
     15pt
     
    21px
     1.313em
     131.30%
     16pt
     
    22px
     1.375em
     137.50%
     17pt
     
    23px
     1.438em
     143.80%
     17pt
     
    24px
     1.5em
     150%
     18pt
      
     

     

     

     

    字号 磅数 毫米

    八号 5磅 1.84

    七号 5.5磅 2.12

    小六号 6.5磅 2.45

    六号 7.5磅 2.81

    小五号 9磅 3.15

    五号 10.5磅 3.70

    小四号 12磅 4.25

    四号 14磅 4.93

    小三号 15磅 5.23

    三号 16磅 5.55

    小二号 18磅 6.37

    二号 22磅 7.80

    小一号 24磅 8.42

    一号 26磅 9.66

    小初号 36磅 11.1

    初号 42磅 12.7

    (附公式:px = pt * DPI / 72)

    转载于:https://www.cnblogs.com/zq123/p/8182287.html

    展开全文
  • ptpx和em

    2016-10-03 10:01:00
    pt、px和em都是网页中设置字体大小单位。 pt:点,point,确切说法是一个专用印刷单位“磅”,也称为“绝对长度”。 px:像素,pixel,是相对...PX和PT转换公式:pt=px乘以3/4。 PX和em转换公式:就...
  • ptpx转换关系为 1px= 0.75pt。 所以word中五号字体(10.5pt)在网页中对应大小为font-size:14px。(10.5 / 0.75 = 14) 初号44pt 小初36pt 一号26pt 小一24pt 二号22pt 小二18pt 三号16pt 小三15pt ...
  • pt px

    2018-01-01 19:55:02
    pt也成为逻辑分辨率 pt的大小屏幕尺寸有关系px指物理分辨率,屏幕尺寸没有关系 1个pt可以由1个px构成,也可以2个或者多个 iphone6 1pt=2px
  • PX DIP 的关系

    2011-05-19 15:14:00
    px:是屏幕的像素点 in:英寸 mm:毫米 pt... 建议使用sp作为文本的单位,其它用dip 针对dip和px 的关系,做以下概述: HVGA屏density=160;QVGA屏density=120;WVGA屏density=2
  • 看到这样标题,谁可以一一把这些单位含义使用场景描述一下吗?25学堂也不能,经常忘记这些,所以顾分享这篇非常实用APP设计尺寸单位换算文章。 希望大家在平常来多看看。也增加一些自己理解。让...
  • Html字体大小设置单位PTPX区别字体大小设置单位,常用有2种:pxpt。基本概念:px:pixel,像素,屏幕上显示最小单位,用于网页设计,直观方便;pt:point,是一个标准长度单位,1pt=1/72英寸,用于...
  • ptpx什么关系? Android中dp与px什么关系? Android中dp与sp什么关系? Android中dip是什么,与px什么关系? 像素 像素,英文为Pixel,是我们日常最熟悉不过了,但是深入进去会发现其蕴含知识量是...
  • EM和PX的关系

    千次阅读 2011-11-09 10:06:47
    pt和pc主要用于印刷制品文字大小定义,一般出现在为印刷定义样式中;em是相对单位,一般1em=大写字母M高度,且其具有继承性,可以继承父标签属性;ex也是相对单位,一般1ex=小写字母x高度,很少使用。...
  • px/em/pt区别转换

    2014-11-04 17:06:00
    老是被人问到pxpt和em的区别,自己有时候也会纠结到底该用什么单位,今天特意查了一些文章...我一直也搞不清楚px与em之间的关系和特点,看过以后确实收获很大。平时都是用px来定义字体,所以无法用浏览器字体放大...
  • 在html设计字体css样式中,有些字体设置成14pt,而不是14px,那pt是什么,和px又有什么关系呢? pt(point)是印刷行业常用单位,等于1/72英寸,表示绝对长度。px(pixel)指是像素,是屏幕上显示数据最基本...
  • iOS尺寸单位pt、ppi与px之间换算关系

    万次阅读 2016-05-08 17:50:04
    关于苹果iPhone 6s屏幕参数相信大家都...sp 与 px 换算公式:sp*ppi/160 = px 总结得出: px = dp*ppi/160 dp = px / (ppi / 160) px = sp*ppi/160 sp = px / (ppi / 160) dpippi这两个是密度单位,不
  • 关于pxpt和em的区别,自己有时候也会纠结到底该用什么单位,今天特意查了一些文章,下面这篇虽然很久远了,但解释...我一直也搞不清楚px与em之间的关系和特点,看过以后确实收获很大。平时都是用px来定义字体,所...
  • 安卓学习中dp,sp,dpi,ppi,px和真实大小之间的关系 首先要明确,dp,sp,px都不是真实大小,pt和inch是真实大小 inch:英尺,长度单位,1inch=2.54cm,很多时候用来求对角线长度,几寸的显示屏就是对角线的...
  • 1.dp(dip):不同设备有不同显示效果,这个设备硬件有关系,一般我们为了支持WVGA,HVGAQVGA对剑使用这个,它是不依赖像素 2.px:pixels(像素),不同设备显示效果相同,一般我们HVGA代表320×480像素,这个用...
  • 版权声明:转载时请以超链接形式标明文章原始出处作者信息及本声明...但在 CSS 中 pt 含义却非如此,例如我们指定一个字体是 9pt,我们会以为按照 CSS 规范,它等于: 9 * 1/72 = 1
  • px :是屏幕的像素点 in :英寸 mm :毫米 pt :磅,1/72 英寸 dp :一个基于density的抽象单位,如果一个160dpi的屏幕,1dp=1px dip :等同于dp ...针对dip和px 的关系,做以下概述:   下面是一些
  • 移动端适配——pt,px

    千次阅读 2019-04-10 10:57:49
    pt: 逻辑像素或逻辑分辨率 相当于我们用浏览器模拟调试移动端时看到的各手机的像素,如下图iPhone6看到的宽高375*667, 这个就是逻辑像素,也可以看做是一个长度单位...pt和px的关系就是—— 1pt 里面有几个 像素点...

空空如也

空空如也

1 2 3 4 5 ... 10
收藏数 188
精华内容 75
关键字:

px和pt的关系