解决0.5像素问题

Posted 2020-12-12 wangyisu

tags:

篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了解决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;

}

以上是关于解决0.5像素问题的主要内容，如果未能解决你的问题，请参考以下文章