Chrome和IE9中的垂直节奏

时间:2012-11-13 13:53:28

标签: css

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

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

1 个答案:

答案 0 :(得分:0)

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

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

-webkit-flex-direction: column

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

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

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