有没有一种简单的方法来生成与所有（或大多数）浏览器兼容的CSS文件？

Question

我正在为残疾人创建网站的协作工作，大多数将在有限数量的教育中心 - 办公室上运行，这些办公室将向服务员捐赠平板电脑和旧笔记本电脑。我告诉你这是因为我想让你了解可能的用户和不同的操作系统和浏览器。 我想生成与所有可能的浏览器兼容的CSS代码;较旧和较新的浏览器.. 我是从头开始编写的，我每次访问http://browsershots.org/来构建它，看看是否存在任何兼容性问题，但这需要时间。我也使用http://jigsaw.w3.org/css-validator/，但手动工作太多......

我想知道的是：你碰巧知道你提供的兼容的CSS文件的任何工具，比如开头的IE，并且提供了涵盖许多兼容性的CSS文件的扩展版本问题

非常感谢任何帮助..

Answer 1

简单来说就是no easy way to generate one CSS for all browsers。

有关详细信息，它在很大程度上取决于你使用CSS有多广泛，CSS的版本是什么等等，还有很多地方不同的浏览器以不同的方式呈现相同的CSS属性，所以它不够简单适用于所有情况。

但是，为了一点帮助，随着时间的推移，有不同的工具和脚本可以让你的所有浏览器更容易实现CSS兼容性，我建议你通过以下工具在尝试维护CSS时，它们对您有用。

• 15+ techniques and tools for cross browser CSS coding

Some CSS-preprocessor/helpers to help you in maintaining your CSS throughout:

• Less: The dynamic stylesheet language.

• Sass makes CSS fun again.

• Compass is an open-source CSS Authoring Framework.

Answer 2

我不确定这样的工具是否存在。也就是说，有一些建议来编写跨浏览器的CSS：

1. 使用重置样式表（例如http://meyerweb.com/eric/tools/css/reset/）;

2. 使用IE条件评论，例如<!--[if IE]><![endif]-->;

3. 练习连续编码：打开几个浏览器（例如IE，FF，Chrome）并检查他们提供的河流显示;

4. 使用IETester检查IE5.5 +渲染，具体取决于您要覆盖的IE版本;

5. 尽可能使用绝对位置并指定宽度和高度（特别是在使用浮动元素时）;

6. 如果您想尝试使用CSS3，请使用PIE;

7. 尝试编写纯，简单的CSS，避免异国情调布局。

Answer 3

Netbeans IDE有一个功能，可以帮助您从简单的勾选框和下拉列表构建CSS。虽然我还没有确认对W3的有效性，但生成的代码看起来不错。

检查使用情况的另一个有用资源是http://www.w3schools.com/cssref/default.asp。引用您想要使用的属性确实需要时间，但如果您要尝试使用布局，那么总是值得确认它们的兼容性。如果使用CSS3，则必须使用它。

W3 Schools清楚地表明哪个浏览器支持声明的属性。请参阅下面的示例图片，其中显示了box-pack的兼容性。