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 の幅が 200 ピクセルではなく 220 ピクセルであることがわかりました。これをすべてのブラウザで一貫させる方法はありますか?
