CSS // 通用/跨平台 CSS 代码 [关闭]答案

【问题标题】：CSS // universal/crossplatform css code [closed]CSS // 通用/跨平台 CSS 代码 [关闭]
【发布时间】：2011-11-09 17:11:17
【问题描述】：

从一开始我就对 CSS 的兼容性感到恼火。什么是编码 css 的最佳实践，适用于最常见的平台...... ( IE7+, Firefox, Safari, Chrome AND iPad / iPhone, Blacberry, Android)

在任何地方都可以找到任何已知差异的列表吗？

谢谢！雅各布

【问题讨论】：

我们在新的 Web 应用程序中遇到了同样的问题，所有 JS 代码都是用 JQuery 编写的，这使我们免于脚本错误，并为我们提供了几乎 100% 的跨浏览器和跨平台兼容性。 CSS 布局管理仍然可以不同... :(
是的，jQuery 非常适合跨平台应用程序，也许有人应该创建一个 css 库，它可以更改所有 css 代码以适用于所有浏览器：)
Wikipedia - Comparison of layout engines (CSS)

【解决方案1】：

我经常在 http://www3.w3schools.com/cssref/default.asp 上使用 CSS 参考 - 对于每个 css 元素，它们会给出各种浏览器的兼容性列表以及某些浏览器的独特行为（如果适用）。

例如，查看http://www3.w3schools.com/cssref/pr_class_display.asp 的display 属性。它表明该属性在所有浏览器中都受支持，然后给出了 IE 的详细信息：

值“inline-table”、“run-in”、“table”、“table-caption”、 “表格单元格”、“表格列”、“表格列组”、“表格行”、 IE7 及更早版本不支持“table-row-group”和“inherit”。 IE8 需要一个!DOCTYPE。 IE9 支持这些值。

为所有其他 CSS 元素提供了类似的描述。我不确定它是否能解决您的所有问题，但它肯定是一个非常好的资源。

【讨论】：