1px问题
首先说说，为什么会存在1px的问题，由于现在市场上的移动设备屏幕种类太多，dpr不同，设计师给的稿子，上面明明是1px的线，在高分辨率的屏幕下，可能显示成2px，甚至更大，然而对于有强迫症的设计师，这点是不能容忍的，所以就出现了1px的问题。
1px解决方法有很多，我一般用媒体查询@meaia 配合 transfomX/Y（） 来实现m端的真正1px，这种方法仅限于边框（无圆角），分割线等等，可能有更好的方法，但是我没去研究，有小伙伴了解的，可以分享下哦～
下面说说实现方式：
我用的是stylus，首先要配置vue-cli脚手架的webpack：
在package.js文件中加入
"stylus-loader": "^2.5.0",
"stylus": "0.52.4",
然后
$ npm install
或者直接运行
$ npm i stylus-loader stylus --save
配置完webpack记得要重启
$ npm run dev
使用stylus要在style标签中作如下配置，