用border-image实现复杂样式边框 在安卓手机上会有诡异细线

在使用 `border-image` 实现复杂样式边框时，可能会遇到安卓手机上出现诡异细线的问题，这是因为安卓手机的像素密度比较高，导致在缩放时产生了一些细微的偏移。

有几种方法可以尝试解决这个问题：

1. 使用 `background-image` 取代 `border-image` 实现边框样式，这种方法可以避免出现细线问题，但是需要使用额外的 HTML 元素或伪元素来实现。

2. 尝试使用 `-webkit-backface-visibility: hidden;` 属性来解决细线问题，这个属性可以触发 GPU 加速，减少细微偏移。

3. 将 `border-image-slice` 属性的值设置为一个奇数，例如 `border-image-slice: 31;`，这个方法可以消除大部分细线问题。

4. 将 `border-image-outset` 属性的值设置为一个负数，例如 `border-image-outset: -1;`，这个方法可以将边框缩小一点，消除细线问题。

需要注意的是，这些方法并不能百分之百地解决细线问题，最好的方法是在使用 `border-image` 时尽量避免出现复杂的边框样式，或者使用其他的 CSS 技术来实现相同的效果。