我注意到在purecss.io中,Firefox网格不起作用,除非我为每个想要水平对齐的网格设置display = flex,然后在响应中堆叠。如果我不希望它们是水平的并且总是堆叠(例如两个纯u-1盒子彼此叠加)那么我就不能使用display = flex。但是,使用它会破坏与IE8的兼容性。有谁知道如何解决它,所以purecss适用于Firefox?
答案 0 :(得分:4)
我找到了答案,它与purecss.io无关,而是两个div之间的空白。如果相邻div之间存在换行符,则它们会堆叠,否则它们会按预期工作。有关示例,请参阅以下jsfiddles:
Stacking: http://jsfiddle.net/XCDsu/982/
Horizontal: http://jsfiddle.net/XCDsu/3/