如何处理移动端1px边框问题

本质是由于移动端的设备随着发展，在有限的空间尽可能多的存放像素点
导致css中的1px在不同移动端显示不同（dpr越大，实际的1px显示越宽）
可以采用以下方法解决：
使用伪元素来处理：添加transform：scale(.5)
使用视口+rem
使用shadow
使用border-img