移動端 Retina屏border實現0.5px

首先來看一下造成Retina邊框變粗的原因 其實這個原因很簡單，因爲css中的1px並不等於移動設備的1px，這些由於不同的手機有不同的像素密度。在window對象中有一個devicePixelRatio屬性，他可以反應css中的像素與設備的像素比。 devicePixelRatio的官方的定義爲：設備物理像素和設備獨立像素的比例，也就是 devicePixelRatio = 物理像素 / 獨立像

>>阅读原文<<