有没有办法确保你的CSS是跨浏览器的？

问题描述：

有没有办法确保你的CSS是跨浏览器的？有没有办法确保你的CSS是跨浏览器的？

请详细说明 – 2011-03-16 02:09:13

在不同的浏览器中进行测试。 – 2011-03-16 02:10:42

我同意毛茸茸的，如果你能够给我们一些更具体的信息关于你正在建设什么，我们可以创建一些更多的照顾的答案来帮助你！ – agrublev 2011-03-16 02:38:41

答

我倾向于严格的文档类型，它解决了很多问题的工作。

研究http://www.quirksmode.org/由彼得·保罗·科赫

我指的是这个网站的所有时间。

然而，正如弗里德曼欧内斯特 - 希尔明智地指出，测试......

答

不，绝对不确定，不幸的是。测试，测试和更多测试是唯一的解决方案。

答

这里有几个技巧：

尽量不要使用CSS3（还）。
不要使用浏览器的具体选择，比如那些由-moz-前缀或-webkit-
使用一个CSS复位，像http://meyerweb.com/eric/tools/css/reset/

为什么不使用CSS3，为什么不使用前缀？我刚刚在CSS3 Pie的帮助下完成了一个完整的基于CSS3的网站。 – Marko 2011-03-16 02:14:24

是我亲自使用CSS3在我的所有网站，然后我检查旧浏览器，如果它看起来不是很糟糕没有圆角或梯度我继续前进:) – agrublev 2011-03-16 02:17:12

嗯，我想你现在可以使用CSS3特别是自IE9正式发布以来。但是，很多人（特别是'不知情'）仍然使用旧版浏览器。伊莫，你也不应该使用像moz/webkit这样的前缀破解你的方式。 – 2011-03-16 02:19:18

答

有几个方法可以做到这一点。

首先，当您完成您的网站时，您需要检查几个浏览器。一些很好的选择是Adobe Browser应用程序，另一个是browsershots.com，你可以找到其他的。另一个很好的经验法则是使用已经跨浏览器的已建立的框架（我最喜欢的框架是http://52framework.com）。

诚实地说，在经过多年编写CSS之后，您似乎只会习惯于编写最好的CSS，并且您将拥有跨浏览器的代码。

真的没有什么可靠的方法来编写完美的CSS第一次（有验证器可以帮助一点，Dreamweaver有一个特定的工具，将验证代码和CSS，并让你知道它的能力与否。

祝你好运！

答

你最好的选择是在每个要支持的浏览器的测试。如果您没有访问所有有将使用不同的浏览器把你的网站的屏幕截图的付费网站的浏览器：

http://browsershots.org/

很酷的工具，但它可能是非常低效的：/ – Hristo 2011-03-16 02:20:37

答

你的意思是“能”或“兼容”？我们总是用W3C CSS Validation Service。它检查你的CSS以确保它是有效的。通过这个验证器后，你的CSS是跨浏览器兼容的。但我会建议在不同的浏览器中手动检查你的CSS。请查看http://www.css3.info/以了解不同浏览器如何实现CSS 3的不同功能的详细信息。

如果您打算进行繁重的Web开发，我还建议您安装Web Developer Toolbar。 Firefox和Chrome的绝佳工具。

有没有办法确保你的CSS是跨浏览器的？

相关推荐