1

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

我想知道的是:您是否碰巧知道您提供与您的 CSS 文件兼容的任何工具,例如 IE,并为您提供涵盖许多兼容性问题的 CSS 文件的扩展版本?

任何帮助是极大的赞赏..

4

3 回答 3

1

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

有关详细信息,这在很大程度上取决于您使用 CSS 的广泛程度、CSS 的版本等以及不同浏览器以不同方式呈现相同 CSS 属性的许多地方,因此对于所有的人来说,这还不够简单情况。

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

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

于 2012-12-11T09:10:00.660 回答
1

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

还有一个有用的检查使用资源是http://www.w3schools.com/cssref/default.asp。引用您希望使用的属性确实需要时间,但如果您要尝试布局,则始终值得确认它们的兼容性,如果使用 CSS3,则必须这样做。

W3 Schools 明确指出哪个浏览器支持声明的属性。请参阅下面的示例图像,该图像显示了box-pack的兼容性。

W3 Schools 浏览器支持

于 2012-12-11T09:48:33.383 回答
1

我不确定这样的工具是否存在。也就是说,编写跨浏览器 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,避免使用奇异的布局。

于 2012-12-11T09:17:20.133 回答