针对chrome和其他Web浏览器的css修复

Question

我正在寻找一个针对网页样式的修复程序，以便google chrome上的网页看起来与firefox上的相同，这意味着，css中是否有一些语法可以使所有的Web浏览器看起来都一样。这是否存在（我也想要一个用于I.E.，以及任何其他网络浏览器，如果存在则存在）

Answer 1

Google Chrome使用与Internet Explorer / Firefox不同的渲染引擎，因此可能会以不同方式显示网页。 Apple Safari使用与Google Chrome（WebKit）相同的渲染引擎，并且应该以相同的方式显示页面。

如果您的网站在任何浏览器中无法正常呈现，请通过http://validator.w3.org/对其进行测试，确保您的HTML和CSS有效。 如果您的网站无法在Google Chrome或Apple Safari中正常呈现，请按照http://webkit.org/quality/reporting.html中的说明在webkit.org上提交错误。 如果您的网站在Apple Safari中正常呈现，但在Google Chrome中无法呈现，请在http://code.google.com/p/chromium/issues/list向Google Chrome提交错误。

1. 如何在Google Chrome浏览器中测试我的网站？

有几种工具可以帮助您在Google Chrome中测试您的网站：

Web Inspector 右键单击网页上的任何组件以启动Web检查器。您将能够看到与您单击的组件关联的元素和资源，包括DOM的层次结构视图和JavaScript控制台。 任务管理器 选择Page菜单图标，然后选择Developer＆gt;任务管理器（或按Shift + Esc）。任务管理器会显示所有正在运行的Google Chrome进程以及他们正在使用的资源（内存，CPU和网络）。 JavaScript调试器 选择Page菜单图标，然后选择Developer＆gt;调试JavaScript。这将启动一个JavaScript调试器，可用于附加到现有进程。

Answer 2

我找到了答案。因为我正在使用drupal，有一个内置的IE修复我正在使用的主题（融合）创建单独的css文件（ie7.css，ie8.css等）。使用这些，我可以专门调整我对IE的需求。

Answer 3

大多数浏览器的布局问题都是由无效的HTML，无效的CSS或误解特定的CSS实际应该做的事情引起的。

一般来说，当我看到FF和Chrome之间存在差异时，这是因为Chrome正在做正确的事情而且FF正好恰好渲染了一些无效的CSS。 99％的时间，我可以修复CSS并让FF和Chrome呈现相同的效果。

剩下的时间，我通常浏览器嗅探并使用jQuery来解决问题。