移动端样式有的生效有的不生效

Question

现在有个列表，用的vue的v-for渲染，在pc端没有问题，在移动端数据只有几条的时候也没有问题，数据多的情况就会有些列表项border不显示

就和上图一样，目前完全不知道是什么原因造成的。border的代码是用伪元素写的。

 content: '';

  position: absolute;

  top: 0;

  left: 0;

  box-sizing: border-box;

  width: 200%;

  height: 200%;

  transform: scale(.5);

  transform-origin: left top;

求遇到坑的帮忙看下，实在想不出什么原因。

Answer 1

部分手机不支持小于1px的border,可以用图片来处理