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

Question

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

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

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

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

Answer 1

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