首先如何在设备上实现1px边框：
物理像素: 在视网膜屏下面, 显示的实际的像素颗粒，iphone6分辨率7501334px
逻辑像素: 可以认为成就是设备的宽度,css设置的像素，iphone6逻辑像素7501334px
dpr = 物理像素(设备像素) /逻辑像素(设备独立像素)
所以iphone的dpr为2
解决方式,第一种:
通过媒体查询方式:
.border { border: 1px solid #999 }
@media screen and (-webkit-min-device-pixel-ratio: 2) {
.border { border: 0.5px solid #999 }
}
@media screen and (-webkit-min-device-pixel-ratio: 3) {
.border { border: 0.333333px solid #999 }
}

最大的dpr()值是3 也有事单位像素内能显示3个物理像素单位 人的肉眼最多只能感受到这个范围.再大也没有意义了
如果dpr的值是2的话 在苹果6手机上,像素边框看起来就有点儿宽如何变成一半

总结：1个逻辑像素对应2个物理像素所以dpr为2