解决像素上的Web浏览器渲染问题的好方法是什么（响应式）

Question

浏览器的渲染问题只有1个像素，但是对于设计来说，这很重要。当我使用 CSS伪元素并通过.pluck()在absolute上放置它们时，这种情况经常发生。我在Google Chrome上进行了测试。我认为其他浏览器也有同样的问题。

我在pen上有一个codepen.io，其问题与我上述完全相同。 （如果您没有发现任何问题，请尝试响应）

那么解决像素大小（响应）的Web浏览器渲染问题的好方法是什么？

查看此屏幕截图：

不需要图像上的白线。每个元素都是矩形，在伪元素之前和之后分别代表三角形。最后，所有元素必须为六角形。因此，每个元素在水平同级元素之间以及伪元素之间也具有1px透明线。那是问题