Chrome和IE9中的垂直节奏

Question

我正在研究我的css框架的垂直节奏 - 它在firefox中看起来很完美但在chrome和ie9方面有所不同。谁知道原因是什么？

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

Answer 1

如果您指的是box-flex网格，请使用弹性框检查MDN page的规格。你遇到了几个问题......

首先，支持非常有限。 Firefox 18+，Chrome 21+，IE和Safari都不支持。因此，您在Chrome中遇到问题，因为生产Chrome是唯一真正支持您的代码的产品，而且您也缺少以下样式：

-webkit-flex-direction: column

您的默认值为row，这会导致您在Chrome中遇到问题。

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

无论如何，请查看哪些浏览器支持它，并确保覆盖任何需要覆盖的默认设置。