移动端半像素 0.5PX 边框实现。

/*半像素*/
.halfpxline_after, .halfpxline_before {
  position: relative;
}

.halfpxline_after:after, .halfpxline_before:before {
  content: '';
  display: block;
  position: absolute;
  left: 0;
  right: 0;
  height: 1px;
  background-color: #e5e5e5;
  -webkit-transform: scaleY(0.5);
  transform: scaleY(0.5);
}

.halfpxline_after:after {
  bottom: 0;
  -webkit-transform-origin: 0 1px;
  transform-origin: 0 1px;
}

.halfpxline_before:before {
  top: 0;
  -webkit-transform-origin: 0 0;
  transform-origin: 0 0;
}