这是2009年.Internet Explorer 8终于发布了,Firefox也达到了3.5。许多大型浏览器都开始集成CSS3和HTML 5中的功能,或者已经有很长一段时间了。尽管如此,我发现自己开发的网页与2005年的方式完全相同。
从那以后取得了很多进展,我认为我没有开始利用这些新的可能性的原因是很难知道哪些新功能适用于所有主流浏览器。由于我主要是后端开发人员,所以我没有时间继续保持这些发展。尽管如此,我觉得我错过了许多很酷的东西,这些东西实际上会让我的生活变得更轻松。
如何快速确定所有主流现代浏览器是否支持CSS3或HTML5功能?
答案 0 :(得分:13)
Can I Use是一个跟踪浏览器对当前和即将推出的Web标准的支持的网站。如果您想知道某个特定功能是否得到广泛支持,请查看它。
答案 1 :(得分:3)
使用@font-face
通过CSS嵌入字体。从版本3.1开始,Webkit / Safari一直支持它,自IE4以来一直是微软,Mozilla自Firefox 3.5(browser support overview)以来一直支持。
此外,Selectors API的各种实现,提供了一个浏览器本地CSS选择器引擎,用于DOM脚本。
对于其他示例,When Can I Use...似乎是一个非常好的参考。
答案 2 :(得分:1)
答案 3 :(得分:1)
我想说display:table和一系列CSS2.1选择器是设计师的最大胜利。 display:table解决了一些无法解决或困难的布局,如100%高度和内部边框,不会破坏语义和使用实际表格。
多个班级(.c1.c2)
我经常使用min / max-width / height。
还在工作:悬停和!重要的是很棒。
我本来希望在该列表中添加SVG支持,但很自然地,微软搞砸了。
BTW,对那些对HTML5功能感到兴奋的人发出了重要警告。采用此规范没有正式日期。甚至暗示可能还需要10年(尽管我对此表示怀疑)。关键是你在HTML5上做的任何事情都会在官方规范到达时遭受破坏,同时你可能会遇到大量的浏览器不一致,错误和API变化(更不用说根本不支持这些功能的浏览器)