使用Flexbox作为媒体查询的替代方案

Question

所以，今晚我正在玩Flexbox，并且只使用flexbox项目而没有媒体查询设法重新创建我相对复杂的响应式布局。

不需要媒体查询来制作生产版本（更改背景图像，字体大小等），但就布局而言，我有一个完全流畅且有很多功能的工作版本更简单的代码（见下面的注释）

这让我想到了我的问题;我应该这样做吗？

注意：我Brian Franco使用了优秀的SASS mixins来简化flexbox的跨浏览器方面。

Answer 1

我认为这种方法的主要缺点是浏览器支持FLexboxes（尤其是新语法，它为“完全流畅的”布局提供了最大可能性）比浏览器对媒体查询的支持要差一些。例如，IE9支持媒体查询，但不支持Flexbox的任何语法。此外，“旧”和“新”Flexboxes行为之间可能存在不一致，无法使用SASS方法修复。 Hovewer，我相信这将是一个非常有趣和信息丰富的实验。