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中正確顯示網格。

無論如何，檢查出什麼瀏覽器支持它，並確保你重寫需要重寫任何默認設置。