一像素边框的实现

給这个div添加底部一像素边框，<div class='box border-1px'>

//首先添加普通的底部一个像素的边框
.box
  position: relative
  &:after
    content: ' '
    display: block
    position: absolute
    bottom: 0
    left: 0
    width: 100%
    border-top: 1px solid #000

 //然后利用媒体查询，根据不同的物理像素比，对这个一像素边框进行缩放
@media (-webkit-min-device-pixel-radio: