为什么Google Chrome的元素放置不太精确?

例如,如果我创建了四个绝对定位为50%宽度和50%高度的图像块,则Internet Explorer中的结果如下所示: http://img716.imageshack.us/img716/8376/96774641.png 如预期的那样,图像紧挨着彼此放置。 但Chrome中的相同代码会产生以下结果: http://img560.imageshack.us/img560/7976/chrome.png 图像被缩小,以便为它们之间的间隔腾出空间。 我的风格包括:
border-style: none;
border-width: 0;
padding: 0;
margin: 0;
...那么为什么Chrome会将我的图像与其他图像区分开来,如何在不改变其他首先正确渲染的浏览器的显示的情况下修复它? 编辑:
<link removed>
请注意,实际页面要复杂得多,超过1,000
<img>
元素。 它将在任何非硬件加速的浏览器中缓慢加载。 我已经确认FireFox与IE8完全相同,图像旁边的图像应该是相同的。     
已邀请:
这可能是一个舍入问题:例如,宽度为
50%
可能最终为
223.5px
。 当您使用固定大小的图像时,为什么不以像素为单位指定位置?     
你在使用CSS重置吗?浏览器默认样式可能会导致恼人的问题,例如具有不同顶部边距高度的段落或其他布局怪癖。这种特殊情况可能无法通过CSS重置来修复,但它将消除这种可能性。 遗憾的是,用于设置背景图像比例的CSS3选项尚未以任何可靠的方式提供,或者您可以将图像设置为缩放到50%的重复背景图像,这当然没有间隙。很可能在相当长的一段时间内不会出现这种情况。     
您是否尝试过使用Inspector(右键单击图像,选择Inspect element)来跟踪间距的来源?     

要回复问题请先登录注册