Flexbox 在 IE 或移动浏览器中不工作
Flexbox not working in IE or mobile browsers
我正在制作这个网站：http://cycleswap.nl/
为了将页脚固定在页面底部，我使用 CSS flexbox，如 here 所述。我使用 display: flex、flex 和 flex-direction: column 来更具体。这包括我能找到的所有现有的 flexbox 旧版支持和浏览器前缀。
在 Chrome 和 Firefox（Chrome 移动版）中一切正常，但在 IE 和默认 Android 浏览器中我遇到了各种错误。
IE 11（也可能是其他版本）： 完全错误。页脚跳转到（几乎）页面顶部。 SCREENSHOT.
Android browser: 看起来 flex-direction 被完全忽略了。页脚显示在页面右侧。 SCREENSHOT.
首先，不要告诉我这些浏览器不支持 CSS flexbox，因为它们支持。在两个浏览器中打开 this W3Schools demo 时，这一点很明显。它们都完美地显示了 div，包括 flex-direction。一定有其他问题。
我的CSS和this基本一致。
如果您需要任何其他信息，请告诉我！感谢您的帮助！
好的，我设法解决了。对于任何想知道如何做的人：
我在页脚添加了 flex: 0 1 auto;。这为 IE 修复了它。
对于 Android 浏览器，我将 display: box; 和 box-orient: vertical 添加到 body。这增加了一些遗留的支持，解决了这个问题。
我正在制作这个网站：http://cycleswap.nl/
为了将页脚固定在页面底部，我使用 CSS flexbox，如 here 所述。我使用 display: flex、flex 和 flex-direction: column 来更具体。这包括我能找到的所有现有的 flexbox 旧版支持和浏览器前缀。
在 Chrome 和 Firefox（Chrome 移动版）中一切正常，但在 IE 和默认 Android 浏览器中我遇到了各种错误。
IE 11（也可能是其他版本）： 完全错误。页脚跳转到（几乎）页面顶部。 SCREENSHOT.
Android browser: 看起来 flex-direction 被完全忽略了。页脚显示在页面右侧。 SCREENSHOT.
首先，不要告诉我这些浏览器不支持 CSS flexbox，因为它们支持。在两个浏览器中打开 this W3Schools demo 时，这一点很明显。它们都完美地显示了 div，包括 flex-direction。一定有其他问题。
我的CSS和this基本一致。
如果您需要任何其他信息，请告诉我！感谢您的帮助！
好的，我设法解决了。对于任何想知道如何做的人：
我在页脚添加了 flex: 0 1 auto;。这为 IE 修复了它。
对于 Android 浏览器，我将 display: box; 和 box-orient: vertical 添加到 body。这增加了一些遗留的支持，解决了这个问题。