1. px、em、ex
- em: the 'font-size' of the relevant font
- ex: the 'x-height' of the relevant font
The rule:
h1 { line-height: 1.2em }
means that the line height of "h1" elements will be 20% greater than the font size of the "h1" elements. On the other hand:
h1 { font-size: 1.2em }
means that the font-size of "h1" elements will be 20% greater than the font size inherited by "h1" elements.
- px: 在CSS规范中，长度单位可以分为两类，绝对(absolute)单位以及相对(relative)单位。px是一个相对单位，相对的是设备像素(device pixel)
Chrome 最小像素
Chrome一直有一个限制，中文网页的字体不能小于12px，英文网页的字体不能小于6px（有时候是10px），这里的“px”实际上指的是显示器的物理像素
概念
- DP(device pixels)：设备像素（物理像素），顾名思义，显示屏是由一个个物理像素点组成的，通过控制每个像素点的颜色，使屏幕显示出不同的图像，屏幕从工厂出来那天起，它上面的物理像素点就固定不变了，单位pt。
- DIP(Device independent Pixel)：设备独立像素，也称为逻辑像素，简称dip。 根据上述设备像素与CSS像素之间的关系、及DPR的官方定义，我们可以推断出：
CSS像素 =设备独立像素 = 逻辑像素
- DPR(device pixels ratio)：设备像素比（dpr 描述的是未缩放状态下，物理像素和CSS像素的初始比例关系。
设备像素比(dpr) 是指在移动开发中1个css像素占用多少设备像素，如2代表1个css像素用2x2个设备像素来绘制。
设备像素比(dpr)，公式为1px = (dpr)^2 * 1dp，可以理解为1px由多少个设备像素组成；
【参考】
