解决0.5像素问题

利用css3里transform:scale 缩放属性控制

.box{
  width: 100px;
  height: 1px;
  background: red;
  transform: scale(1,0.5); //scale(x轴缩放，y轴缩放)    
}

利用css画三角形

div{
　　height:0;
　　width: 0;
　　border-bottom: 100px solid red;
　　border-left: 100px solid transparent;
　　border-right: 100px solid transparent;

}