Chrome和IE9中的垂直节奏

Question

我正在研究我的css框架的垂直节奏 - 它在firefox中看起来很完美，但在Chrome和ie9中却不同。任何人都知道原因是什么？

我的框架排版网页： http://kenhty.github.com/Natural/typography.htm

Answer 1

如果你指的是箱式柔性网格，然后检查出MDN page的规格上采用灵活的盒子。有几个问题你会遇到......

对于一个，支持是非常有限的。 Firefox 18+，Chrome 21+，在IE和Safari中不支持。因此，你在Chrome中遇到的问题，因为生产Chrome是真正支持你的代码只有一个，而你也缺少以下样式：

-webkit-flex-direction: column

你的是默认为row，这是造成你的问题在Chrome中。

更令人困惑的是，我使用的是Firefox 15，它正确地显示了网格......但是，在查看计算机样式时，它甚至不会显示网格样式，因为Firefox 15尚不支持它。所以我真的很惊讶你在Firefox中正确显示网格。

无论如何，检查出什么浏览器支持它，并确保你重写需要重写任何默认设置。