chrome，firefox和safari页面看起来不同

Question

我使用其他人购买的模板创建了一个网站，我很快对其进行了修改并将其上传到了splurg .co

我正在开发实时应用程序并且已经离开webDev一段时间了，并且很想知道为什么在我的系统上在三种不同的浏览器中页面似乎有不同的反应。我能做些什么来弄清楚如何修复每个页面/或我的设置？

有问题的页面和我的chrome上没有显示backgoround图像，而是在firefox中呈现。

我很好奇我如何能够自己解决这个问题，我看看开发工具，它似乎让图像永远不会加载它。

由于我使用chrome检查了网站（并且它在那里工作），我添加了一个屏幕截图，因为它似乎只是在我自己的个人系统上失败而在其他地方没有？

Answer 1

这是不同浏览器的一个非常常见的问题。谷歌搜索跨浏览器兼容性将为您提供大量阅读材料和资源，以帮助解决问题。不同的浏览器使用不同的解析器和渲染引擎。因此，不同的浏览器会产生同一网站的不同结果。这就是为什么IE是Web开发人员最讨厌的浏览器之一。它通常与CSS有关。例如，某些浏览器不支持某些CSS属性，有时您必须在属性前加上浏览器特定的前缀，以使其像-moz-box-sizing一样工作。请注意-moz-前缀。

此外，如果您的模板使用的CSS3是另一包蠕虫。希望它是有用和快乐的编码。