移动端实现1px边框

实现方式：伪元素 + 缩放
1，用伪元素在给需要设置边框的元素对应的地方画出PC端的1px边框；
sass语法：文件mixin.scss

image.png

2，根据设备的dpr设置伪元素缩放；
sass语法：文件base.scss

image.png

3，创建index.sccs,并在文件中导入mixin.scss 和base.scss。

image.png

4,在使用边框的组件中引入index.scss文件

image.png

将border-1px类名(用来缩放)；
将border-1px()混合(用来设置伪元素)设置给要设置边框的元素：@include border-1px(rgba(7,17,27,0.1));