設備像素比（dpr）：設備物理像素與設備獨立像素（CSS像素）的比值绢馍。
1.如果頁面中的DOM元素的CSS樣式設置邊框寬度為1px糯耍，
（1）對于設備像素比為1的設備砰诵，1個設備獨立像素對應1個物理像素屋剑，則顯示在瀏覽器屏幕上的邊框占一個物理像素寬度。
（2）對于設備像素比為2的設備迁杨，1個設備獨立像素對應2個物理像素钻心，則在瀏覽器屏幕上的邊框占2個物理像素寬度凄硼。
顯示效果對比圖如下：
對于一條1px寬的直線铅协，他們在屏幕上的物理尺寸（灰色區(qū)域）的確是相同的，不同的其實是屏幕上最小的物理顯示單元摊沉，即物理像素狐史，所以對于一條直線，iphone5它能顯示的最小寬度其實是圖中的紅線圈出來的灰色區(qū)域，用css來表示骏全，理論上說是0.5px苍柏。然而并不是所有手機瀏覽器都能識別border: 0.5px;，ios7以下姜贡，android等其他系統(tǒng)里试吁，0.5px會被當成為0px處理。
- 1px邊框的實現(xiàn)方式
（1）0.5px邊框
優(yōu)點：寫法簡單
缺點：無法兼容安卓設備楼咳、ios8一下設備
（2）設置縮放比例 + rem布局
優(yōu)點:滿足所有場景
缺點：影響范圍大
（3）偽類 + transform縮放
優(yōu)點：滿足所有場景
缺點：對于已經(jīng)使用偽類的元素熄捍，需要多層嵌套
