如何使网站与每个浏览器兼容

时间:2011-09-27 17:56:34

标签: internet-explorer firefox google-chrome

我正在努力创建新网站,我想知道如何使其与跨浏览器兼容,因为现在我可以使用Google Chrome完美地查看我的网站,当我看到与Firefox 7.0相同时,它看起来非常丑陋和IE 8看起来更好。所以我想知道如何兼容。

任何建议都将不胜感激!

3 个答案:

答案 0 :(得分:2)

每个浏览器都会呈现不同的东西,主要是因为它们呈现不同的CSS属性(您可以在这里查看不同的浏览器呈现www.w3schools.com/cssref/)。一种常用的解决方案是区分每种可能的浏览器的CSS表格。您可以通过javascript检测客户端浏览器: http://www.w3schools.com/js/js_browser.asp

并通过javascript再次设置不同的CSS。

这里有一个完整的例子: http://rafael.adm.br/css_browser_selector/

答案 1 :(得分:0)

每种特定的不兼容性都需要不同的解决方案。作为一般指南使用jQuery等框架并避免特定于浏览器的代码,然后当您发现不兼容时询问该特定问题。此外,您不应该以浏览器之间的逐像素兼容性为目标,而CSS实际上并不是为此而设计的。

答案 2 :(得分:0)

最好的方法之一是使用标准化代码。避免使用“HTML 5”,因为这仍然有很多特定于浏览器的实现(因为它还不是标准)。 HTML4或XHTML1应该适用于大多数浏览器(Safari,Opera,Firefox,Chrome,IE7 +),并且显示它或多或少相同。作为Web开发人员,如果您的网站正常工作,您应该检查多个浏览器。使用ISO标准可以为您提供良好的开端:http://validator.w3.org/

使用许多浏览器进行测试可以使用http://browsershots.org

等服务完成