跨浏览器CSS整洁的解决方案建议?

Amr*_*mra 0 css cross-browser

在您看来,跨浏览器CSS(IE7,Safari,Chrome,Firefox)的整洁方式是什么.

考虑到这是一个巨大的Web应用程序,这有一个很大的主要css文件,以及一些其他css文件.

有条件的Css?并为每个浏览器使用不同的CSS?任何已知的工具?

谢谢.

Spu*_*ley 5

在我看来,如果你已经开始编写好的CSS,那么唯一需要任何重要补救工作的浏览器将是IE(在v9之前).

对于所有其他当前浏览器,标准CSS应该无需任何更改即可运行.事实上,即使对于IE,如果你确保你的页面加载在标准模式而不是quirks模式,那么IE应该为大多数基本CSS表现自己.

显而易见的例外是,如果给定的浏览器不支持您尝试使用的功能.在这种情况下,您应该使用功能检测而不是浏览器检测.这是一个更强大的解决方案,因为很有可能新版本的浏览器将很快发布,这将支持该功能.

对于特征检测,我推荐Modernizr.

IE中缺少的一些功能,如CSS圆角,可以使用像CSS3Pie这样的黑客来修复,这允许您为包括IE在内的所有浏览器使用标准CSS代码.

对于那些简单无法用任何其他方式处理的IE中那些琐碎的东西,你应该使用IE的条件注释功能来包含一个特定于IE的样式表.

如果您的CSS代码在此之后仍然无法通过浏览器工作,那么您可能在使用样式表时出错 - 请在此处发布并请求特定问题的帮助.