如何优化 Mozilla Firefox 的网页?我的页面在火狐浏览器上显示不正确。在铬中,它是完美的



我使用谷歌浏览器查看浏览器如何呈现我的代码。现在,Chrome 中的一切都很完美。当它们在 Firefox 中打开时,会发生一些违规行为。

  • 在Chrome中,导航栏与其内部元素(<ul><li></li></ul>)完美契合。不在火狐中。即,一些高度-宽度不匹配。(我用%提到高度,宽度等)
  • placeholder标签的不同颜色。
  • div 的不同边框颜色。
  • 等。

简而言之,如何优化火狐浏览器的页面?

你真正想知道的是,"如何使CSS样式在所有浏览器中保持一致?

浏览器具有基本样式表,它们用作如何格式化通用 HTML 的起点。 它们中的每一个都使用自己相似的样式。 但是,存在差异。 您可能也应该看看IE...它看起来也会有所不同。

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

当您应用 CSS 重置样式表时,您随后会应用自己的样式。 您可能需要对已经创建的样式进行调整,但您会发现此后这些样式在浏览器中更加一致。

这是任何新网站设计的基本起点策略。 以这种方式开始新设计要容易得多。 所以问题真的不是关于FireFox或Chrome - 而是关于一般的一致性。

欢迎成为WEB开发人员!!享受乐趣和不眠之夜,优化并确保您的项目在所有以不同方式处理事物的主要浏览器上正确呈现。尤其是那个讨厌的浏览器,没有人再喜欢了。我在看着,IE浏览器!!无论如何,没有"简短"的答案或一键式魔术按钮来使内容呈现或针对不同浏览器优化页面......所以,对不起,我帮不上更多忙...但无论如何,祝您开发愉快!!"以及"愿胜算永远对你有利"。

最新更新