对于我的响应式网站，我需要支持IE9，这意味着我还无法使用felxbox。不过我在500px的手机上有一个断点。在此媒体查询中使用flexbox是否安全？移动浏览器支持似乎很好。
这是一个新网站，因此我没有任何现有的分析数据来做出此决定。
答案 0 :(得分：2)
只要您使用 all 必要的supported browsers，old prefixes，就可以在please do的任何断点处使用Flexbox。 Android＆amp;不支持flexBox的iPhone浏览器基本上已经死了。*
*除了Opera Mini没有（quite yet）在2014年拥有FlexBox支持，250 million users使用它，在旧版Windows Phone 7上市场份额高于IE9。此时可能是一个垂死的品种，IE 9 Mobile现在只占0.29% of the mobile market。然而，拥有Flexbox布局的表格后备解决方案仍然相当重要，特别是如果您的网站迎合亚洲或非洲大陆或东欧的Opera Mini，或者仍然需要针对IE8或IE9用户。
从技术上讲，可以使用table + table cel/row使用具有IE8-9兼容性后备功能的Flexbox 。这取决于您的上下文，以及使用哪些Flexbox功能......如果您不使用flexWrap或重新排序，table后备应该在IE8-9上运行得相当好，即使在移动设备上也是如此。
以下是我使用flexBox + table后备的一个示例production site，在IE8 +，Opera 11和Opera Mini（Presto）中工作。 Opera Mini提供了相当糟糕的布局，但至少它的移动兼容性。
更新：Opera Mini服务器现在支持Opera Presto 2.12级别的Flexbox，这是没有前缀的。
答案 1 :(得分：0)
不完全安全，不。在某些情况下，台式机或笔记本浏览器可能小于500px宽。
答案 2 :(得分：0)
一个建议可能是使用IE条件语句来包含适当的CSS，但这种方法可能在IE10中失败，因为删除了IE条件包括支持。 最安全的选择是使用像现代化器这样的特征检测库，然后相应地编写你的css。
如果现代化程序将IE9和移动浏览器类添加到正文中，您可以相应地编写媒体查询，以便仅在浏览器不是IE桌面时才应用felxbox样式并且具有相应的后备css