Internet explorer 相同的网站在相同的浏览器版本上看起来不同，但在不同的计算机上看起来不同

您好，我已经创建了一个使用HTML和CSS的公文包网站，我注意到了一些非常有趣的事情。我已经在所有最新的浏览器Internet explorer 9、Google Chrome、FireFox上测试了该网站。当我从我的个人计算机加载此链接时，该网站在每种浏览器上都很好：

现在，为了确保一切正常，我在adobe browser labs上测试了该网站，发现有一个问题。正常情况下，每行上应该有4个图像，但在浏览器实验室中，似乎所有浏览器都在向下推第4个图像

我在另一台拥有最新Chrome浏览器、FIrefox和InternetExplorer9的计算机上检查了这一点。adobe浏览器实验室似乎是对的，第四张图片被按下了

浏览器和计算机的分辨率都相同，我在两个Windows 7 Home Premium上都使用

什么会导致这个问题？

---

为什么同一个网站在同一个浏览器版本上但在不同的计算机上看起来不同？

可能是临时存储了您的旧CSS，您是否尝试过按CTRL+F5的惯例应用程序

同时检查您是否处于100%缩放状态

祝你好运

--编辑

在一个快速的firebug之后，您的“portofoliu”div的最大宽度为940像素，每个“portofolioGalery”div的宽度为220px，边距为17px，第一张和第五张图像的边距已被删除。这意味着你的物品应该合适

使用firebug在“portofolioGalery”项目之间切换显示它们之间有一个小间隙，正在发生的是“display:inline block；”增加了少量宽度！我用“float:left”替换了它，所有这些都精确到了它应该在的位置

---

有一些其他的解决方案和原因解释。

可能是不同的DPI设置？第四个图像也会在我的机器上按下。。。Chrome 21、Windows XP（96 DPI）。我做了这两件事，但都没有解决问题。在我看来，这可能会影响我安装的浏览器，因为所有的浏览器都受到影响谢谢你解决了问题，但这些仍然没有解释为什么在一台计算机上，让我们以chrome为例，网站显示得好像编码正确，而在另一台计算机上，它显示了问题。两者都有计算机有相同版本的chrome和上面检查过的相同的OSA部件，它是否处于类似于IE兼容模式的状态？另请参见上文对DPI的解释。“

display:inline block；

正在添加少量宽度！”-额外的宽度只是HTML源代码中元素之间的空白（换行符）。