2

嗨,我使用 HTML 和 CSS 创建了一个投资组合网站,我注意到一些非常奇怪的东西。我已经在所有最新的浏览器 Internet Explorer 9、Google Chrome、FireFox 上测试了该网站。当我在每个浏览器上看起来都不错时从我的个人计算机加载此链接:

文件夹

现在,为了确保一切正常,我在 adobe browser labs 上测试了该站点,我发现那里存在问题。通常每行应该有 4 个图像,但在浏览器实验室中,似乎所有浏览器第 4 张图片被下推。

我在另一台也有最新的 Chrome 、 FIrefox 、 Internet Explorer 9 的计算机上检查了这一点。而且似乎 adobe 浏览器实验室是正确的,第四张图片被推下。

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

什么会导致这个问题?为什么相同的网站在相同的浏览器版本但在不同的计算机上看起来不同?

4

1 回答 1

2

它可能会暂时存储您的旧 CSS,您是否尝试过 CTRL+F5 的仪式性应用

还要检查您是否处于 100% 缩放状态!

祝你好运!

- 编辑

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

使用萤火虫在你的“portofolioGalery”项目之间轻弹,它显示它们之间有一个小的差距,正在发生的是“display:inline-block;” 正在增加少量的宽度!我将其替换为“浮动:左;” 这一切都准确地到达了它应该在的地方。

这个家伙的博客有一些其他的解决方案,并解释了原因。

于 2012-09-02T09:54:44.720 回答