html - 调整窗口大小时 Safari 跳跃的背景大小计算

Question

我的身体上有一个 100% 宽度的背景图像。

这个图片

和CSS

body {
    background-image: url('../images/bg-width.gif');
    background-position: 0 0;
    background-attachment: scroll;
    background-repeat: repeat-y;
    background-size: 100%;
}

你在这里看到，当我在 safari 中调整窗口大小时，它不会按比例计算高度和宽度，它会稍微挤压宽度然后跳转到下一个增量，导致锯齿状调整大小与我网站设计的其他方面相混淆这取决于网格大小的比例。

https://imgur.com/CyH5Z61

而在 chrome 中，如下所示，缩放是成比例且平滑的

https://imgur.com/OXhszPF

任何人都知道为什么会发生这种情况，也许我可以如何防止它？

快把我逼疯了！

（会嵌入我的图像，但没有代表！）

标签： htmlcsssafaribackground-size