不同浏览器上的 CSS 背景重复计数不一致
Inconsistent CSS background-repeat count on different browsers
我正在使用重复图案作为 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 上得到的。但是，chrome 重复该模式的次数略多于 8 次。更奇怪的是，当我对 chrome 页面进行快照时，结果 div 是 220 像素宽，而不是 200 像素！有没有办法让所有浏览器都保持一致？
我发现了问题。 Chrome 的网页已缩放 110%。通过将其重置为 100%，Safari 和 Chrome 都以相同的方式呈现 div。
奇怪的是，当我缩放 Safari 网页时，背景图案继续重复正好 8 次。 Chrome 没有！
我正在使用重复图案作为 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 上得到的。但是，chrome 重复该模式的次数略多于 8 次。更奇怪的是，当我对 chrome 页面进行快照时，结果 div 是 220 像素宽，而不是 200 像素！有没有办法让所有浏览器都保持一致？
我发现了问题。 Chrome 的网页已缩放 110%。通过将其重置为 100%，Safari 和 Chrome 都以相同的方式呈现 div。
奇怪的是，当我缩放 Safari 网页时，背景图案继续重复正好 8 次。 Chrome 没有！