文档章节

px与pt

 汉唐盛京
发布于 2015/02/28 00:38
字数 431
阅读 6
收藏 0

pt (point,磅)是一个物理长度单位,指的是72分之一英寸。

px (pixel,像素)是一个虚拟长度单位,是计算机系统的数字化图像长度单位,如果px要换算成物理长度,需要指定精度DPI(Dots Per Inch,每英寸像素数),在扫描打印时一般都有DPI可选。Windows系统默认是96dpiApple系统默认是72dpi

em(相对长度单位,相对于当前对象内文本的字体尺寸)是一个相对长度单位,最初是指字母M的宽度,故名em。现指的是字符宽度的倍数,用法类似百分比,如:0.8em, 1.2em,2em等。通常1em=16px

字号:是中文字库中特有的一种单位,以中文代号表示特定的磅值pt,便于记忆、表述。

ptpx的换算公式可以根据pt的定义得出:

pt=1/72(英寸), px=1/dpi(英寸)

因此 pt=px*72/dpi

Windows下的96dpi来计算,pt=px*72/96=px*3/4

移动端开发一般使用pt,应为px在不同分辨率屏幕上现实的大小差异会比较大

字号 pt/点 (pt)
px/像素 (px) em (em)
初号
42
56 3.5
小初 36 48 3

34 45 2.75

32 42 2.55

30 40 2.45

29 38 2.35

28 37 2.3

27 36 2.25
一号 26 35 2.2

25 34 2.125
小一 24 32
2

22 29 1.8

20
26 1.6
小二 18 24 1.5

17 23 1.45
三号 16 22 1.4
小三 15 21 1.3

14.5 20 1.25
四号 14 19 1.2

13.5 18 1.125

13
17 1.05
小四 12 16 1

11 15
0.95
五号 10.5 14 0.875

10 13 0.8
小五 9 12 0.75

8 11 0.7
六号 7.5 10 0.625

7
9 0.55
小六 6.5
8 0.5
七号 5.5 7 0.4375
八号 5
6 0.375

    

© 著作权归作者所有

共有 人打赏支持
粉丝 0
博文 26
码字总数 5038
作品 0
昌平
程序员
私信 提问
说说css中pt、px、em、rem都扮演了什么角色

前段时间,终于仔仔细细的把pt、px、em、rem了解了一遍,简单整理了一下做个记录。 pt、px、em、rem都是什么 pt单位名称为点(Point),绝对长度单位。现在网页中出现得很少甚至不出现,常用...

郑乔尹在旅游
2017/11/23
0
0
IOS像素与分辨率

IOS开发图片下面的单位一般都标示多少pt,多少倍,其意义如下 1pt = 1/72 英寸,是长度单位 1px 屏幕上最小的点,用来表示屏幕上一共多少个点,与屏幕大小无关 iphone4以前屏幕长度为320480p...

横着走的螃蟹
2016/10/27
4
0
em和pt - CSS中被忽略的单位

前言 CSS通常来讲不太被重视,可是里面的东西都繁琐,需要大量的时间和经验的积累,平时我们定义大小或者宽高使用的都是px单位,也就是像素.CSS所提供的单位不止px一种,还有em和pt. 正文 我们日常...

顽Shi
2014/03/20
0
0
jQuery Growl

jQuery Growl is a Growl like notification plugin for jQuery (tested with version 1.2.3). You can view a demo of it here: http://projects.zoulcreations.com/jquery/growl/ Or downl......

匿名
2008/09/19
1K
0
Android 显示单位dip、px、pt、sp的区别

Android 显示单位dip、px、pt、sp的区别 dip: device independent pixels(设备独立像素). 不同设备有不同的显示效果,这个和设备硬件有关,一般我们为了支持WVGA、HVGA和QVGA 推荐使用这个,不...

未来程序员
2014/07/08
0
0

没有更多内容

加载失败,请刷新页面

加载更多

使用 React 和 Vue 创建相同的应用,他们有什么差异?

在工作中应用 Vue 之后,我对它有了相当深刻的理解。 不过,俗话说「外国的月亮比较圆」,我好奇「外国的」 React 是怎么样的。 我阅读了 React 文档并观看了一些教程视频,虽然它们很棒,但...

阿K1225
14分钟前
0
0
如何使用Kubernetes的configmap通过环境变量注入到pod里

在Kubernetes官网里,有这样一篇文章,提到了Kubernetes里的一个最佳实践就是把应用代码同配置信息分开,一种方式就是使用Kubernetes 1.2里引入的configmap概念。 https://kubernetes.io/bl...

JerryWang_SAP
30分钟前
0
0
2天闭门培训|以太坊智能合约从入门到实战(北京)

2天培训 16个课时 探寻技术原理,精通以太坊智能合约开发 以太坊智能合约是现在应用的最广泛的区块链应用开发方式,HiBlock区块链社区针对以太坊智能合约的学习特别推出2天闭门研修班,通过2...

HiBlock
32分钟前
0
0
限定某个目录禁止解析php,限制user_agent,php相关配置

11月20日任务 11.28 限定某个目录禁止解析php 11.29 限制user_agent 11.30/11.31 php相关配置 1.限定某个目录禁止解析php 核心配置文件内容 <Directory /data/wwwroot/www.123.com/upload> p...

hhpuppy
43分钟前
2
0
Spring的好文章

孤傲苍狼 https://www.cnblogs.com/xdp-gacl/p/4249939.html 跟我学spring http://jinnianshilongnian.iteye.com/blog/1413846 SpringIoc 和Spring Aop 代理模式: 静态代理 动态代理 cglib代......

wangwei2134
54分钟前
0
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部