Question

我正在使用重复模式作为div的背景图像：

<div style="width:200px; height:100px; background-image:url('test_pattern.png'); background-repeat:repeat-x;"></div>

test_pattern.png是25像素宽，所以我希望它在200像素宽的div中重复8次。这正是我在Safari上得到的。然而，铬重复该模式略多于8倍。更奇怪的是，当我拍摄chrome页面的快照时，事实证明div是220像素宽，而不是200像素！无论如何都要在所有浏览器上保持一致吗？

Answer 1

我发现了问题。 Chrome的网页缩放了110％。通过将其重置为100％，Safari和Chrome都以相同的方式呈现div。

奇怪的是，当我缩放Safari网页时，背景图案继续重复8次。 Chrome没有！