常用px pt em的区别与换算

来源:互联网 发布:百度爆吧软件 编辑:程序博客网 时间:2024/05/17 22:21

px: 基于像素的单位。像素是一种有用的单位,因为在任何媒体上都可以保证一个像素的差别确实是可见的。
  em : 一般用来测量长度的通用单位(例如元素周转的页边空白和填充),当用于指定字体大小时,em单位是指父元素的字体大小。
  比如

  <div style="font-size=12px">  <span style="fontsize=2em">这里的字是24px</span>  </div>

  如果使用em来指定填充,填充的宽度是相对于DIV元素的字体大小而定的。
  pt: 印刷业上常使用的单位,磅的意思。一般也用于页面打印排版。
  px是像素单位,em是相对单位,pt是绝对单位。它们各自的好处是:px可以在计算机屏幕上,能达到预期的效果,在打印机和其它的高分辨率设备上,它又能取得所希望的效果。em的优点很多,比如在一个页面上,你给定了一个父元素的字体大小,这样就可以通过调整一个元素来成比例的改变所有元素大小。它可以自由缩放,比如用来制作可伸缩的样式表。pt是一种固定长度的度量单位,是能够使用测量设备测得的长度。绝对单位作用有限,因为它们不能够缩放,通常只用在已经知道是用在哪种输出媒体的情况下才使用。但大多数情况下最好使用相对单位。一般都是用px和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

感谢:

&nbsp &nbsp 这位博主

0 0
原创粉丝点击