html - 如何为 Mozilla Firefox 优化网页？我的页面在 Firefox 上显示不正确。在 chrome 中，它是完美的

Question

我使用谷歌浏览器查看浏览器如何呈现我的代码。现在 Chrome 中的一切都很完美。当它们在 Firefox 中打开时，会出现一些异常情况。

• 在 Chrome 中， 导航栏与其内部元素 (<ul><li></li></ul>) 完美契合。 在 Firefox 中没有。 即，一些高度宽度不匹配。 (我用 % 来表示高度、宽度等)
• placeholder 的不同颜色标签。
• div 的不同边框颜色。
• 等等

简而言之如何优化 Firefox 的页面？

Answer 1

您真正想知道的是，“如何使 CSS 样式在所有浏览器中保持一致？”

浏览器具有基本样式表，它们将这些样式表用作如何格式化通用 HTML 的起点。他们每个人都使用自己相似的(ish)风格。但是，存在差异。您可能也应该看看 IE……它看起来也会有所不同。

解决方案是使用 CSS 重置，例如 YUI CSS 重置或其他 CSS 重置样式表。它将为所有浏览器应用的所有样式设置一些基值，有效地将它们“重置”为相同的基值。其中一些将样式减少到几乎没有，需要您显式设置所有样式。其他人只是将事情拨回到基本状态，但他们并没有删除所有内容。它们所做的就是为所有元素设置一些基本样式，这些样式将覆盖浏览器自动应用的任何内容。

当您应用 CSS 重置样式表时，您随后会应用您自己的样式。您可能需要对已经创建的样式进行调整，但之后您会发现这些样式在浏览器之间的一致性要大得多。

这是任何新网站设计的基本起点策略。以这种方式开始新设计要容易得多。因此，问题实际上与 FireFox 或 Chrome 无关——它与一般的一致性有关。