我在使用Chrome（或FF？）时遇到这个烦人的问题。我还没有检查过IE。 渲染中存在一个像素差异，我不知道我可以在哪里挖掘更多。我已经使用三个浏览器（FF，Opera，Chrome）的所有检查员来查看，如果有什么要调整，没有成功。这是一个错误，或者我对此错误视而不见。
请参阅此处的示例：www.vanwright.com/catalogue/le-kex-walking-kids /
问题是指两行中左起第一幅图像的左边距。 Chrome显示2px边框，而其他浏览器显示1px，这就是我所追求的。 它是由nth-of-type选择器引起的吗？ 可能不是，因为这里：www.vanwright.com/collections/它似乎有同样的问题（左边缘：-10px显示Chrome中有1px线，而FF / Opera没有空间）。
我迷路了。有什么想法吗？
谢谢， 弹出
答案 0 :(得分：0)
选项1
修复和维护960px布局：
删除:nth-of-type
.pi-pad css
将.pi-pad的css更改为：.pi-pad {margin: 1px 1px 1px 0; width: 318px; padding: 0px;}
修复数学960px布局的背景（我认为它目前是为979px布局设计的）;
选项2
展开当前布局以匹配背景。 （这是笨重的，因为背景的宽度不能被3整除）
.container和.span-12的CSS应指定width: 979px
将.pi-pad:nth-of-type(3n+1)或.pi-pad:nth-of-type(3n) CSS更改为width: 325px;，然后删除另一个。
将.pi-pad CSS更改为.pi-pad {margin: 1px 1px 1px 0; width: 324px; padding: 0px;}
<强> ========= EDIT =========
在我看到你上面的回复之前我发布了这个，我也忘了隐藏你的溢出。
使用选项2，现在我确定它是980px（当我测量时它看起来像979）
.container和.span-12应该有width: 980px;
将.pi-pad CSS更改为.pi-pad {overflow: hidden; margin: 1px 1px 1px 0; width: 325px; padding: 0px;}
使用.pi-pad:nth-of-type(3n)或.pi-pad:nth-of-type(3n+1)应指定width: 326px;并删除另一个。
答案 1 :(得分：0)
这是一个Chrome错误。感谢花时间的奔跑。对于任何试图修复无法修复的人感到抱歉。