2012-03-08 75 views
0

什么是一些已知的开发CSS样式表的工具,可以生成跨浏览器的CSS?CSS样式表工具

有什么我可以运行我的CSS虽然产品跨浏览器CSS或可能是另一种'语言'我可以皮卡将输出跨浏览器CSS?

+2

恕我直言 - 掌握'CSS'和浏览器不兼容/角落案件是你最好的选择。我还没有对任何'CSS'框架加以冷静。 '原始CSS'适合我... – xandercoded 2012-03-08 23:07:06

+0

不存在。您必须了解已知浏览器差异的css和代码。此外,你想走多远:支持IE7(需要一些工作)?支持IE6(需要更多的工作,有时无法获得100%的结果)。支持IE5或更早版本?编写干净,符合规范的代码,您将处于一个更强大的位置,可以正确呈现跨浏览器。 – 2012-03-08 23:09:26

+0

这里有一点差距 - 我们可以用CSS工具来标记可检测到的问题(这主要是IE问题)。我不确定所有跨浏览器的错误只是通过解析代码才能检测到,但这样的工具可能会有用。 – 2012-03-08 23:34:19

回答

2

虽然@ Xander和@cale_b是完全正确的,但您可以采取一些步骤让生活稍微轻松一些。

首先,大多数情况下,现在大多数浏览器都是相当一致的,它们的差异很小。有两个例外,(这可能是您的问题是来自:IE浏览器,尤其是IE6和IE7的

  1. 旧版本标有“CSS3”只有经常

  2. 事。与供应商前缀实现

所以,我解决这些问题的方法是在三个步骤:

  1. 创建在现代浏览器中运行良好的香草CSS代码。也就是说,只需编写标准的CSS,并在一到两个最新的浏览器中进行测试。

  2. 如果我需要先进的“CSS3”的特点,我用像CSS3 please"发电机(你可以找到更多的this SitePoint post

  3. 在确定一切正常我在现代浏览器的满意,我再评估形势IE6和IE7。如果一切都很糟糕,我开始使用美妙的IE6 fixer。一旦这些浏览器中的布局模糊不清,我就会评估需要多少“CSS3”支持并寻找polyfills。通常,CSS3 PIE工具涵盖了我需要的大部分功能。然后我解决了调试这些浏览器的任何剩余特性的棘手任务,并且我完成了。

我希望有帮助。

+0

还有CSS Lint:http://csslint.net/ – Sharon 2012-03-21 14:03:00