整理下"分辨率"、"DPI"、px、pt...等概念

两篇参考文章:

Windows上,调整dpi可使字体变大

pt, px与dpi的关系

自己的总结理解:

1. "分辨率"(resolution)到底是指什么?分辨率有时被用来指最大像素数量,有时被用来指DPI。取决于用户更关心哪一项数据。

2. DPI是数字显示设备(区别于模拟显示设备如CRT显示器)的重要性能参数。表示在一平方英寸内最多可以输出多少个像素点。

3. 表示图形尺寸主要有两种单位:逻辑值px和绝对值(pt、cm、mm等)。前者取决于显示设备性能,后者表示一个物理尺寸。比如1pt为1/72英寸。

    (1) 以px为单位的图像,其物理尺寸与显示设备DPI成反比。

    (2) 以绝对值为单位的图像,其占用像素多少与显示设备DPI成正比。

4. CSS中的长度单位px、pt、em、cm、mm等的选择

    如果你的内容是一个web网页,供人在线浏览,使用px就可以了,简单直观,系统无需做任何转换。

    现在浏览器已足够先进,无需使用em也可正常缩放,所以em可成为历史。

    如果你的内容需要输送到打印机,那使用pt、cm、mm这些绝对物理尺寸单位合适。系统需要把这些绝对单位转换成负责输出的显示设备的逻辑单位px。当然这种转换对用户是透明的。

    在使用绝对尺寸单位情况下,对于桌面显示器,windows系统/软件在转换时会采用偷懒办法,即默认DPI等于96,而不去查询用户使用显示设备的真正DPI。这样做是利大于弊的,大大提高了效率。不同桌面显示器的DPI值都和96差不了多少,显示效果上不会影响用户使用。如果用打印机输出,那么必然要严格按照打印机实际DPI来进行转换了,否则打印效果不能满足要求。

 

你可能感兴趣的:(html,css,js)