如何使特定网站与其他浏览器兼容？ [关闭]答案

【问题标题】：How to make an specific website compatible with another browser? [closed]如何使特定网站与其他浏览器兼容？ [关闭]
【发布时间】：2014-02-01 06:17:14
【问题描述】：

我刚刚进入编程和网站的世界，我有一个具体的问题希望不会打扰您。我正在建立一个网站 (elcamal.com)，我担心我只在 Chrome 中进行测试和设计，但现在我在 Firefox、Safari 和 IE 中进行了测试，它完全被毁了，特别是在 Safari 中。

看起来问题还不错，只是网格的一些问题。

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

感谢您的耐心等待，祝您有美好的一天。

【问题讨论】：

您应该在开发阶段检查每个浏览器。
这就是所谓的跨浏览器兼容性
您必须使用标准的 CSS 功能和 JS API，并避免 hack 或供应商前缀。我同意最后一条评论，您应该检查一下，因为项目完成后，开始更难修复错误。
我继续认为您应该在开发过程中检查跨浏览器兼容性。也就是说，有什么错误？这个“网格”是否根本不起作用，无法正确显示等等。这些是您需要问自己的问题，以便您可以开始调试。
我刚刚找到了解释问题的“单词”。是花车。

【解决方案1】：

要使您的网站与跨浏览器兼容，您需要牢记很多事情。以下几点：-

尝试使用标准 CSS 功能。每个标签都得到妥善处理。
尽量避免使用 hack 来实现某些目标。（但有时我们需要使用 hack 来修复某些东西，但要尽量减少）。
尝试使用条件 cmets 而不是 CSS hack。使用条件 cmets，您可以链接到不同浏览器的单独样式表。


测试在主流浏览器开发之初就发挥着重要作用。
小鬼：-清除浮动。这是指 div 用作其他 div 的容器，应该环绕它们，但有时不。
尝试使用 javascript 库，例如 jQuery、YahooUI、MooTools、Dojo 抽象出 DOM、AJAX 和 JavaScript 中的差异。
定义有效的文档类型。
在主要浏览器中启用 HTML 5：- 使用 HTML5 时，我们需要包含“HTML5 shiv”以确保 CSS 能够识别并能够在尚未适应 HTML5 的浏览器中设置这些元素的样式。

在开发页面的过程中，您会发现自己的一些优点。试试谷歌。

【讨论】：

条件注释不也是一种黑客行为吗？
@MrLister：我同意，是的，正如我上面提到的那样，它是 hack（（但是有时我们需要使用 hack 来修复某些东西，但要使它们最小化）。
您好，感谢您的回复，我已经设法使该网站适用于 Firefox，但 safari 7.0 仍然被破坏。问题是花车，一切看起来都集中在 safari 中。有什么建议吗？
是的，使用 clear: both 清除浮动，希望它有效