常用px,pt,em换算表

常用px,pt,em换算表

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

 

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

 

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

 

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

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

 

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

 

因此 pt=px*72/dpi

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

 


字号


pt


px


em


初号


42pt


56px


3.5em


小初


36pt


48px


3em


 


34pt


45px


2.75em


 


32pt


42px


2.55em


 


30pt


40px


2.45em


 


29pt


38px


2.35em


 


28pt


37px


2.3em


 


27pt


36px


2.25em


一号


26pt


35px


2.2em


 


25pt


34px


2.125em


小一


24pt


32px


2em


二号


22pt


29px


1.8em


 


20pt


26px


1.6em


小二


18pt


24px


1.5em


 


17pt


23px


1.45em


三号


16pt


22px


1.4em


小三


15pt


21px


1.3em


 


14.5pt


20px


1.25em


四号


14pt


19px


1.2em


 


13.5pt


18px


1.125em


 


13pt


17px


1.05em


小四


12pt


16px


1em


 


11pt


15px


0.95em


五号


10.5pt


14px


0.875em


 


10pt


13px


0.8em


小五


9pt


12px


0.75em


 


8pt


11px


0.7em


六号


7.5pt


10px


0.625em


 


7pt


9px


0.55em


小六


6.5pt


8px


0.5em


七号


5.5pt


7px


0.4375em


八号


5pt


6px


0.375em

 

时间: 2024-11-30 00:05:10

常用px,pt,em换算表的相关文章

CSS网页制作教程:CSS文字单位PX、EM、PT

文章简介:但是12px汉字例外,就是由以上方法得到的12px(1.2em)大小的汉字在IE中并不等于直接用12px定义的字体大小,而是稍大一点.这个问题 Jorux已经解决,只需在body选择器中把62.5%换成63%就能正常显示了.原因可能是IE处理汉字时,对于浮点的取值精确度有限.不知道有没有 其 这里引用的是Jorux的"95%的中国网站需要重写CSS"的文章, 题目有点吓人,但是确实是现在国内网页制作方面的一些缺陷.我一直也搞不清楚px与em之间的关系和特点,看过以后确实收获很

CSS文字大小单位PX、EM、PT

  这里引用的是Jorux的"95%的中国网站需要重写CSS"的文章, 题目有点吓人,但是确实是现在国内网页制作方面的一些缺陷.我一直也搞不清楚px与em之间的关系和特点,看过以后确实收获很大.平时都是用px来定义字 体,所以无法用浏览器字体放大的功能,而国外大多数网站都可以在IE下使用.因为: 1. IE无法调整那些使用px作为单位的字体大小; 2. 国外的大部分网站能够调整的原因在于其使用了em作为字体单位; 3. Firefox能够调整px和em,但是96%以上的中国网民使用IE

html-web开发中em 百分比 px pt等需要注意的细节和他们的差别

问题描述 web开发中em 百分比 px pt等需要注意的细节和他们的差别 新手在用appcan开发手机应用,用的是html css js,在页面自适应屏幕方面遇到困难,例如"使用百分比控制刷新钮的宽度,那么在低分辨率和高分辨率之间将会有非常大的偏差."我对这个细节不理解.

css中单位px和em的区别

px像素(pixel)相对长度单位是相对于显示器屏幕分辨率而言的(引自css教程2.0手册). em相对长度单位是相对于当前对象内文本的字体尺寸而言的,如当前对行内文本的字体尺寸未被人为设置,则相对于浏览器的默认字体尺寸(引自css2.0手册). 任意浏览器的默认字体高都是16px.所有未经调整的浏览器都符合: 1em=16px.那么12px=0.75em.10px=0.625em.为了简化font-size的换算,需要在css中的body选择器中声明font-size=62.5%,这就使em值

javascript-css属性中的px和em区别

问题描述 css属性中的px和em区别 css属性中的px和em的区别是什么?百度说的好专业..看不懂..麻烦大神们给通俗易懂的解释一下.. 解决方案 CSS中em和px的区别CSS中em和px的区别CSS中em与px区别 解决方案二: 所有未经调整的浏览器都符合: 1em=16px. 解决方案三: 1. IE无法调整那些使用px作为单位的字体大小; 2. 国外的大部分网站能够调整的原因在于其使用了em作为字体单位; 3. Firefox能够调整px和em,但是96%以上的中国网民使用IE浏览器

学入分析css中px、em和rem单位区别

国内的设计师大都喜欢用px,而国外的网站大都喜欢用em和rem,那么三者有什么区别,又各自有什么优劣呢? PX特点 1. IE无法调整那些使用px作为单位的字体大小: 2. 国外的大部分网站能够调整的原因在于其使用了em或rem作为字体单位: 3. Firefox能够调整px和em,rem,但是96%以上的中国网民使用IE浏览器(或内核).  px像素(Pixel).相对长度单位.像素px是相对于显示器屏幕分辨率而言的.(引自CSS2.0手册)em是相对长度单位.相对于当前对象内文本的字体尺寸.

css3常用伪类选择改变表单样式

改变input输入框中placeholder的字体样式: :-moz-placeholder { /* Mozilla Firefox 4 to 18 */    color: #f00;  }::-moz-placeholder { /* Mozilla Firefox 19+ */    color: #f00;}input:-ms-input-placeholder,textarea:-ms-input-placeholder {    color: #f00;}input::-webki

列举常用数据库单库单表的容量是多少?

问题描述 列举常用数据库单库单表的容量是多少? 列举常用数据库单库单表的容量是多少?如:access SQL Server等 解决方案 http://bbs.csdn.net/topics/190162331

最常用的15个前端表单验证JS正则表达式

在表单验证中,使用正则表达式来验证正确与否是一个很频繁的操作,本文收集整理了15个常用的JavaScript正则表达式,其中包括用户名.密码强度.整数.数字.电子邮件地址(Email).手机号码.身份证号.URL地址. IPv4地址. 十六进制颜色. 日期. QQ号码. 微信号.车牌号.中文正则. 1 用户名正则 //用户名正则,4到16位(字母,数字,下划线,减号) var uPattern = /^[a-zA-Z0-9_-]{4,16}$/; //输出 true console.log(uP