CSS - 跨浏览器兼容性=不同的样式表？

我在设计一个简单的评论系统时正在学习CSS。我使用firefox（4.0beta13pre如果有人关心）作为我的主浏览器，所以我都用它来测试。CSS - 跨浏览器兼容性=不同的样式表？

使一个小块看起来与它完美后，我发现一个图像没有对齐铬，并打开Internet Explorer它看起来像完全垃圾。

所以它只是一个难以达到兼容性的问题，还是即使是一个简单的系统需要不同的样式表到其他浏览器？

谢谢， Fingerman。

2011-02-26 fingerman

对于这样一个简单的事情，只需一张样式表即可完成。它只是需要一些摆弄。你介意发布一些代码，我们可以帮忙吗？ – Emmanuel 2011-02-26 19:50:01

我发现调试跨浏览器样式问题的最佳资源是[quirksmode]（http://www.quirksmode.org/）和[firebug-lite]（http://getfirebug.com/firebuglite）。 – zzzzBov 2011-02-26 20:00:21

是它只是一个尝试更难实现兼容

部分的事情，是这样的话。

为了更好的出发点，请看CSS reset files。这些确保您从所有浏览器上的（或多或少）级游戏场开始，因此实现兼容性更容易。

您可能还需要放入特定的浏览器“黑客”和覆盖，但这实际上取决于您正在尝试做什么。

来源

2011-02-26 19:49:37 Oded

@Oded，你*永远*不需要投入特定的浏览器黑客。除非您将IE的条件注释和特定于供应商的样式（即-moz-border-radius，-webkit-border-radius，......）视为“黑客”（它们不是）。 – zzzzBov 2011-02-26 19:58:47

@zzzzBov - 我正在考虑IE 6的CSS bug ... – Oded 2011-02-26 20:00:16

@Oded，那么你不应该使用“黑客”;你应该使用'<！ - [if IE 6]>在这里添加IE 6样式表'来添加IE特定的样式表。在这一点上，除非雇主有很好的理由需要支持，否则我不会再支持IE6。 – zzzzBov 2011-02-26 20:03:14

是的。这通常是一个难以找到跨浏览器/版本的HTML/CSS组合的问题。这是一个主要的痛苦，但这是Web开发人员的生活。

我一定会在为不同的浏览器创建单独的样式表之前进行调整。

来源

2011-02-26 19:51:58 JohnFx

正如你在学习CSS，我建议你看看https://github.com/joshuaclayton/blueprint-css/tree/master/blueprint/src。它有ie.css，其中包含与IE有关的黑客攻击。它也包含reset.css。从本质上讲，它会帮助你开始。稍后，您可以制作自定义的CSS样式表。

来源

2011-02-27 10:31:10

CSS - 跨浏览器兼容性=不同的样式表？

回答

相关问题