前端不可避免的 1px 问题
原因
物理像素 ： 物理像素又被称为设备像素，他是显示设备中一个最微小的物理部件。
设备独立像素 ： 设备独立像素也称为密度无关像素，可以认为是计算机坐标系统中的一个点，这个点代表一个可以由程序使用的虚拟像素(比如说CSS像素)，然后由相关系统转换为物理像素。
设备像素比 ：设备像素比简称为dpr，其定义了物理像素和设备独立像素的对应关系。它的值可以按下面的公式计算得到：设备像素比 ＝ 物理像素 / 设备独立像素
在 Retina 屏的手机上 dpr 为 2 或 3，css 里写的 1px 长度映射到物理像素上就有 2px 或 3px 那么长，所以显示出来会比较粗 。
