基本概念pixel(csspixels)css像素或逻辑像素，单位是px，是一个相对单位，在不同的dpr(devicePixelRatio设备像素比)设备中，1px代表物理像素不同。物理像素（devicepixel）显示器是由物理像素组成的。通过控制每个像素的颜色，屏幕可以显示不同的图像。屏幕上的物理像素从出厂之日起就是固定的。没有变化，单位是pt。css像素与物理像素dpr的关系=物理像素/css像素dpr与iPhoneX的水平css像素，iPhoneX的水平分辨率仅为11251px。问题是普通屏幕的1px是物理像素的1px，而Retina屏幕的1px不等于1px，导致1px的实际宽度在不同设备上不一致的问题。为了提高用户体验，需要兼容不同的dpr设备，让1px的边框实际显示为1个物理像素的宽度（大多数情况下，我们还是希望1px的边框越细越好).0.5px的具体写法如下。缺点：retina屏幕的浏览器可能无法识别0.5px的边框，会解释为0px，无边框。这包括iOS7及更早版本、OSXMavericks及更早版本以及Android设备。伪元素+transform优点：浏??览器兼容性很好19...https://github.com/jawil/blog...
