chrome 和其他网络浏览器的 css 修复答案

【问题标题】：css fix for chrome, and other web browserschrome 和其他网络浏览器的 css 修复
【发布时间】：2011-07-18 14:20:21
【问题描述】：

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

【问题讨论】：

我想补充一点...对于任何网站都没有简单的解决方案，包括在 Drupal 中构建的网站。
drupal 模块为我做这件事怎么样？
不。有上百万种方法可以做事，而浏览器对它们的处理方式都不同。模块无法预测所有数百万个差异并为您解决它们

标签： css compatibility

【解决方案1】：

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

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

如何在 Google Chrome 中测试我的网站？

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

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

【讨论】：

【解决方案2】：

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

【讨论】：

【解决方案3】：

大多数优秀浏览器的布局问题都是由无效的 HTML、无效的 CSS 或对特定 CSS 的实际用途的误解造成的。

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

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

【讨论】：