Question

有没有人有关于CSS3与CSS2的浏览器支持的任何更新统计数据？从2008年开始有很多旧的SO帖子，但我们很好奇CSS3现在得到了广泛的支持。

更重要的是，我们应该设计CSS2还是CSS3？

谢谢！

Answer 1

更重要的是，我们应该设计CSS2还是CSS3？

它不是一个或两个场景，可能永远不会，你不能没有另一个 - CSS2应该是你的基础，CSS3（模块）应该是你的增强，圆角，多个背景等..你可以使用JS库增强非CSS3浏览器的帮助，但无论浏览器或脚本增强功能，它都应该总是降级为完全可用的CSS2站点

所以CSS2有点CSS3的乐趣;）

Answer 2

这实际上取决于你想要的CSS3中的功能。

E.g。如果你想在元素上使用圆角，请随意撒上（知道IE8 / IE7 / IE6用户将获得降级体验（方角））

.roundedCorners{
  -webkit-border-radius:5px;/* Safari, Chrome, Blackberry, etc. */
     -moz-border-radius:5px;/* Firefox, Camino, Flock, etc. */
          border-radius:5px;/* IE9, other browsers with ready implementations */
}

你只需要知道有些用户不会看到你喜欢的东西。请务必在其他浏览器中进行测试，以确保网站/内容仍然可用。

Answer 3

存在一些js库，可以帮助您填补某些浏览器缺乏支持。例如：http://selectivizr.com/对IE有很多帮助

要检查浏览器是否支持我使用http://caniuse.com/网站的任何特定CSS。当然，在我的观众浏览器统计数据的基础上，我决定使用与否。

重要的是：如果您想尝试使用CSS3，请执行此操作。您必须要注意的唯一事情是，无论您做什么，请确保在不支持它的情况下很容易降级（例如，移动设备没有相同的Web浏览器标准）。 / p>

最重要的一点是：不要期望在所有浏览器中看到相同的网页设计。接受每个浏览器在渲染方面都存在差异，并且不要误解为使每个副本完全相同。网络是不可能的。让他们相似，但接受差异，如果你可以为Chrome或FF做一些更酷的东西，请做（如果你想做额外的努力，这完全取决于你）。

IE的人不会错过体验，他们不会知道差异。当他们更新或更改浏览器时，他们会发现他们之前没有的新方面，认为这比他们自己的浏览器限制更新。

Answer 4

此图表显示了今年到目前为止全球各浏览器的百分比：

http://gs.statcounter.com/#browser_version-ww-monthly-201101-201103-bar

假设除了IE之外的所有浏览器（在撰写本文时，IE9刚刚发布）都支持CSS3，那么大约55％的用户可以使用CSS3和许多HTML5功能。

在我看来，好处超过了成本，开始使用CSS3和HTML5的时机也是正确的。

浏览器支持CSS3与CSS2？更重要的是，设计针对CSS2还是CSS3？

4 个答案: