场景

移动端开发线条的 1 像素线绘制。

方式

  • 用 0.5px
  • transform scale
  • box-shadow 模拟
  • 图片

scale

1
2
3
4
5
6
div {
  height: 1px;
  display: block;
  transform: scale(1, 0.5);
  background-color: #000;
}