SVG Polygon在某些宽度下不从0,0开始 - 发丝裂缝

Question

我很肯定这是缩放问题，但我不确定如何修复。在某些设备宽度（桌面很好，iPhone X很好，我的Google Pixel不是），svg有一个薄裂缝，你可以看到多边形形状下的图像。知道怎么解决？图像是2x1宽高比，这里是SVG代码：

<svg id="splashImage" width="100%" height="100%" viewBox="0,0,2400,1200" 
  xmlns="http://www.w3.org/2000/svg" xlink="http://www.w3.org/1999/xlink"
  version="1.1">
    <image x="0" y="0" height="100%" width="100%" preserveAspectRatio="xMinYMin slice" xlink:href="/images/parallax-2x1-min.jpg" />
    <polygon style="fill:#054a91;" points="0 0, 2400 0, 2400 0, 0 100"></polygon>
    <polygon style="fill:#ffffff;" points="0 1100, 2400 1200, 0 1200"></polygon>
</svg>

这里是违规区域的屏幕截图 - 您可以看出上方div和角度多边形之间的细线实际上是图像。