我正在研究我的css框架的垂直节奏 - 它在firefox中看起来很完美但在chrome和ie9方面有所不同。谁知道原因是什么?
答案 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中正确显示了网格。
无论如何,请查看哪些浏览器支持它,并确保覆盖任何需要覆盖的默认设置。