您好我已经使用HTML和CSS创建了一个投资组合网站,我注意到了一些非常奇怪的东西。我已经在所有最新浏览器上测试了网站Internet Explorer 9,Google Chrome,FireFox.And网站看起来很好当我从我的个人计算机加载此链接时,它们:
现在为了确保一切正常,我在adobe浏览器实验室上测试了网站,我看到那里有一个问题。在每条线路上应该有4个图像,但在浏览器实验室中它似乎全部浏览器第四张图像正在被按下。
我在另一台同时拥有最新Chrome,FIrefox,Internet Explorer 9的计算机上进行了检查。看来adobe浏览器实验室是正确的,第四张图片正在被推下。
浏览器和计算机的分辨率是相同的,我在Windows 7家庭高级版上都使用它?
有什么可以解决这个问题? 为什么同一个网站在同一浏览器版本上看起来不同但在不同的计算机上?
答案 0 :(得分:2)
它可能会临时存储您的旧CSS,您是否尝试过CTRL + F5的仪式应用
同时检查您是否处于100%变焦状态!
祝你好运!- 编辑
快速萤火虫后,你的“portofoliu”div的最大宽度为940像素,你的每个“portofolioGalery”div都是220px宽,每个边距为17px,你的第一张和第五张图片都删除了边距。这意味着您的物品应该合身!
使用firebug在你的“portofolioGalery”项目之间轻弹,它们之间显示出一个小的差距,发生的是“display:inline-block;”正在增加一点点宽度!我用“float:left;”代替了它。这一切都准确到了应有的位置。
This guys blog有其他解决方案和解释原因。