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

Question

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

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

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

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

Answer 1

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