vue.js 2.0版本—1像素border实现

1.怎么手机上观看自己调试好的样式

• 把地址换为ip:8080/index.html
• 草料网站 在这个网站中生成二维码
• 用手机扫一扫

2.目录结构

src/common/stylus
├── base.styl
├── icon.styl
├── index.styl
└── mixin.styl

3.编写base.styl,icon.styl,index.styl,mixin.styl代码的编写

• base.styl代码的编写

<!--根据媒体查询@media设置不同的缩放比例(transform 的 scale)来修复1像素边框的问题-->
@media (-webkit-min-device-pixel-ratio: 1.5),(min-device-pixel-ratio: 1.5)
  .border-1px
  <!--使用伪元素::after--> 
    &::after