标签：

一、绝对长度单位

　　绝对长度单位视借质而定，不依赖于环境（显示器、辨别率、操纵系统等）。绝对长度单位彼此之间是固定的，并固定在一些物理丈量中。主要运用在输出环境已知的情况下。

　　绝对单位包孕物理单位(pysical units：in, cm, mm, pt, pc, Q)和视角单位(visual angle unit：px)。

单位描述
cm   厘米，1cm = 96px/2.54  
mm   毫米，1mm = 1/10th of 1cm  
in   英寸 (1in = 96px = 2.54cm)  
px *   像素 (1px = 1/96th of 1in)  
pt   point，约莫1/72英寸； (1pt = 1/72in)  
pc   pica，约莫6pt，1/6英寸； (1pc = 12 pt)  

　　示例如下所示：

h1 { margin: 0.5in } /* inches */ h2 { line-height: 3cm } /* centimeters */ h3 { word-spacing: 4mm } /* millimeters */ h3 { letter-spacing: 1Q } /* quarter-millimeters */ h4 { font-size: 12pt } /* points */ h4 { font-size: 1pc } /* picas */ p { font-size: 12px } /* px */

　　所有的绝对长度单位都是兼容，px是它们的标准单位。

　　对付css设备，这些维度可以互相锚定：

通过将物理单位与其物理丈量值相关联，或

通过将像素单位与参考像素相关联

　　对付范例视距下的印刷媒体，锚点单位应该是标准物理单位(inches、centimeters等)之一。对付屏幕媒体(含高辨别率设备)、低辨别率设备、不雅观看距离异常设备，保举使用锚点单位作为像素单位。对付这样的设备，建议像素单位是指最接近参考像素的设备像素的总数。

1、px(像素)

　　px 是 pixels(像素) 的缩写，是一种绝对单位，用于屏幕显示器上，传统上一个像素对应于计算机屏幕上的一个点，而对付高清屏则对应更多。

　　任何现代显示屏，不管是手机，平板，条记本还是电视都是由成千上万的像素构成的，，所以我们可以使用这些像素来界说长度。

　　CSS 将光栅图像(如照片等)的显示方法界说为默认每一个图像巨细为“1px”。 一个“600x400”解析度的照片的长宽分袂为“600px”以及“400px”，所以照片自己的像素并不会与显示装置像素(可能非常小)一致，而是与 px 单位一致。如此就可以将图像完整的与网页的其它元素摆列起来。

　　注意：

chrome 浏览器最小的字体为 12px，如果设置 10px 也会衬着成 12px 。

如果锚单位是像素单位，那么物理单位可能与它们的物理丈量值不匹配。否则，如果锚单位是物理单位，则像素单位可能不会映射到所有设备像素。

2、新旧css对付像素单位和物理单位界说区别

　　在以前的CSS版本中，像素单位与物理单位之间并没有固定的比例关系：物理单元总是与它们的物理丈量值联系在一起，而像素则会跟着参考像素的变革而变革。

　　此刻版本中，很多内容均过多地依赖于96dpi的假设，冲破这一假设会粉碎内容。

　　参考像素是设备上一个像素的视角，像素密度为96dpi，与阅读器的距离为一臂之长。一臂标称长度为28英寸，其视角约为0.0213度。在臂长范畴内，1px相当于0.26毫米(1/96英寸)。

　　下图说明了不雅观看距离对参考像素巨细的影响：71厘米(28英寸)的阅读距离孕育产生0.26毫米的参考像素，而3.5米(12英尺)的阅读距离孕育产生1.3毫米的参考像素。

　　

　　由上图可知，如果不雅观看距离增加，显示像素必需变得更大。

　　下图显示了影响设备的辨别率的像素单元：1px的面积1px是由一个单一的点在一个低辨别率的设备(例如，一个范例的计算机显示器)，在同一地区笼罩了16点高辨别率设备(如打印机)。