W3C 验证的 CSS 是不是自动意味着跨浏览器兼容性？

Posted 2023-03-06

【中文标题】W3C 验证的 CSS 是不是自动意味着跨浏览器兼容性？

【英文标题】：Does W3C validated CSS automatically mean cross-browser compatibility?W3C 验证的 CSS 是否自动意味着跨浏览器兼容性？

【发布时间】：2010-09-29 19:04:18

【问题描述】：

我终于完成了我的第一个支持 CSS 的网站的工作版本（感谢这个论坛上的一些非常有用的建议）并验证了 CSS。在我出去寻找（购买？）另一台机器（我是 Mac）来检查 IE 之前，有效的 CSS 在我曾经检查过的 IE 以及 Firefox、Safari 上是否真的有效？到目前为止我的代码？谢谢，帕特里克。

【参考方案1】：

不，W3C 根据 CSS 标准进行验证。不幸的是，流行的浏览器（阅读：MSIE 6.0）不是很符合标准；）

【讨论】：

所以...作为一个完全 IE 错误的新手，任何人都可以建议开始寻找有关如何修复的想法的最佳位置，甚至知道从哪里开始考虑可能实际需要修复的问题?

就个人而言，反复试验是解决问题的最佳方法。我讨厌它。这就是为什么我主要聘请设计师为我做艰苦的工作；）我坚持使用 ASP.NET MVC；）

谢谢伙计，现在开始缓慢的尝试和频繁的错误过程... ;)

我为 IE6 写了一个相当广泛的备忘单：virtuosimedia.com/tutorials/…

【参考方案2】：

我认为这完全取决于您的 CSS 和布局有多复杂 - 如果它非常复杂，那么我会毫不犹豫地说“不”。最好的办法是在其他平台上查看。

您可能想查看 BrowserCam - 他们会在所有主要（和一些次要）浏览器中对网站进行屏幕截图，并且更昂贵的帐户允许您使用 VNC 在这些平台上实际进行交互。

【讨论】：

谢谢，这是一个很好的建议和一个很好的概念。我试试看。

【参考方案3】：

“有效的 CSS 是否真的有可能在 IE 以及 Firefox、Safari 上真正有效，到目前为止我用来检查我的代码？”

有效吗？就像被浏览器接受一样？是的。

看起来一样吗？不一定。

如果您的页面足够简单并且避免了所有已知的 IE 不兼容问题，那么您就可以开始了。 [我们尝试这样做：避免奇怪的东西，使用表格，接受一刀切的浏览器的限制。]

我的建议是你在你的页面上放一个“下载 Firefox”标志，而不用担心 IE。

【讨论】：

谢谢，我不确定在哪里可以找到这些已知的 IE 不兼容问题，因此我可以开始修复它们 - 但我会使用 BrowserCam（感谢 Moo）并看看会出现什么.干杯。

【参考方案4】：

并非所有浏览器都能完全、正确且一致地实现所有 CSS 功能，尤其是在涉及 CSS2 或即将推出的 CSS3 时。不过，W3Schools.com 可以帮助您，因为它列出了哪些功能与哪些浏览器兼容——尽管我不确定这些信息的最新程度。

最后，在所有流行的浏览器上进行测试几乎没有替代品。我建议安装Wine、Parallels 或VMWare 并测试IE 和Chrome。如果 Konqueror 可以在 OSX 上运行，最好也测试一下。

如果安装其中一个过于 PITA（或者如果 IE 和 Chrome 无法在 Wine 或 Parallels 上运行——我不太确定——而且你没有要在 VMWare 上安装的 XP 副本） ，您可能有一个朋友正在运行您可以使用的 Windows。最坏的情况是，大多数库都有可以测试的 Windows 机器。

【参考方案5】：

请记住，验证器只能查看您的语法是否正确。它无法理解您要实现的布局，因此您的页面验证将永远表明它在所有浏览器中都可以按您的意愿工作。可能会，但验证本身无法告诉您。

不过，验证您的页面将是一个好主意。如果没有语法错误，一切正常工作的机会就会增加。

【参考方案6】：

为了让网页设计师摆脱在不同浏览器中测试浏览器兼容性的痛苦工作，很少有网站提供这项服务。在这些网站上，您可以检查您的网站在所有所需浏览器中的兼容性。你可以在http://www.bestpsdtohtml.com/7-awesome-resources-to-test-cross-browser-compatibility-of-your-website/找到这些网站