关于ios的CSS Section Seperater问题，safari vs android

Question

我在网站的前两部分使用了CSS向下箭头分隔符。

代码：http://codepen.io/lukeyphills/pen/FjygE

<svg id="bigTriangleColor" xmlns="http://www.w3.org/2000/svg" version="1.1" width="100%" height="100" viewBox="0 0 100 102" preserveAspectRatio="none">
<path d="M0 0 L50 100 L100 0 Z"></path>

#bigTriangleColor path {
fill: #fff;
stroke: #fff;
stroke-width: 2;

}

网站：https://wapp.guru/

他们看起来很甜蜜！但在Safari和Safari iOS上，SVG顶部有一条1px线。所以我通过在顶部添加-1px边距来解决这个问题，这适用于包括iOS在内的所有Windows和Mac浏览器。

然而，当我添加保证金时，这会打破Android手机/平板电脑版本，在顶部或底部显示1px线。

我在教程实际页面上进行了测试，并在这些1px行中遇到了同样的问题。

有什么想法吗？