1px像素问题

放种兼容性比较好，比较简单的解决办法

使用伪类和transform，进行缩放

.onepx{
  position: relative;
  border-bottom:none;
} 
.onepx:after{
  content: '';
  position: absolute; 
  bottom: 0;
  left:0; 
  background: #EAECED; 
  width: 100%; 
  height: 1px;
  -webkit-transform: scaleY(0.5); 
  transform: scaleY(0.5); 
  -webkit-transform-origin: 0 0; 
  transform-origin: 0 0;
}

然后使用js判断是不是retina屏

$(function(){
    if(window.devicePixelRatio && devicePixelRatio >= 2){
	    $(".user_info").addClass("onepx");
    }
})