CSS3布局模块浏览器支持

Question

我正在试图弄清楚当前(原生)哪些浏览器支持CSS3布局模块.

基本上,我正在开发一个特定的环境,我可以指定使用哪些浏览器,CSS3会加快开发时间,所以嘿 - 为什么不呢？

我特别谈到的是

body {
   display: 'aaa'
            'bcd';
}

并能够将页面元素插入到布局中,如下所示:

div#div1 { position: a; }
div#div2 { position: b; }

(div1是标题,div2是左侧边栏)

Answer 1

Opera拥有最好的CSS3支持,其次是webkit(safari).我建议在Opera上测试一下是否有效.

这是兼容性图表(可能已过期) http://geocities.com/seanmhall2003/css3/compat.html

这个似乎更好:http://westciv.com/iphonetests/

请注意,大多数css3属性都通过前缀支持(因为css3不是最终的).对于opera,前缀是-o-,对于webkit,它是-webkit-.即:-o-text-shadow.

更新:布局模块有一个Javascript实现:http://a.deveria.com/csstpl/.没有自己使用它,它带有捕获,你必须等待所有页面加载才能干净地呈现.如果您在局域网上编写Intranet应用程序,这可能会产生微不足道的影响,但是连接速度很慢可能会使您的页面显示无响应.

Answer 2

我很确定目前没有浏览器实现它。我也不希望任何浏览器很快实现它。

只是还不够成熟。它只是一个工作草案，在它变成浏览器实现者开始尝试的任何内容之前，仍然需要大量的关注和讨论。例如，有（至少）2个相关提案：Grid Positioning和Matrix Layout。

它位于Mozilla 的 bug 跟踪器上，但目前它只不过是一个占位符，以供将来关注。我在 Webkit 错误跟踪器上根本找不到任何提及它的信息。

如果您想了解有关这些布局模块的当前状态的更多信息，您应该关注www-style邮件列表。