如何使特定网站与其他浏览器兼容？

Question

我刚刚进入编程和网站的世界，我有一个特定的问题，我希望不会打扰你。我正在建立一个网站（elcamal.com），我关心的事实是我只在Chrome中测试和设计，但现在我在Firefox，Safari和IE中测试过，它完全毁了，特别是在Safari中。

似乎问题并不是那么糟糕，这只是网格的一些问题。

让我的网页至少与Firefox和Safari兼容的第一步是什么？我想知道这是否是我可以学习的东西，或者我是否需要雇用某人。

感谢您的耐心和美好的一天。

Answer 1

要使您的网站与浏览器兼容，您需要记住很多事情。有些要点如下： -

1. 尝试使用标准CSS功能。每个标记都得到妥善处理。

2. 尽量避免破解以实现某些目标。（无论何时我们都需要使用黑客来修复某些东西，但要尽量减少它们。）

3. 尝试使用条件注释而不是CSS hacks。使用条件注释，您可以链接到不同浏览器的单独样式表。

   <!--[If IE]><link type="text/css" href="IEtest.css" /> <![endif]-->

4. 测试扮演自主要浏览器开发以来应该检查的重要角色。

5. Imp： - 清除浮动。这指的是div作为其他div的容器，应该包裹它们，但有时不会。

6. 尝试使用 javascript库，如jQuery，YahooUI，MooTools，Dojo，抽象出DOM，AJAX和JavaScript的差异。

7. 定义有效的文档类型。

8. 在主流浏览器中启用HTML 5： - 在使用HTML5时，我们需要包含“HTML5 shiv”，以确保CSS能够识别并能够在那些还不熟悉HTML5的浏览器中设置这些元素的样式

   <!--[if IE]><script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script><![endif]-->

在开发页面时，您会发现自己有一些好处。试试谷歌。