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

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,可以用图片来处理

Answer 2

在transform中加上translateZ(0)，然后去掉父级中的overflow