Flexbox css适用于IE / Chrome / Firefox，但不适用于Microsoft Edge

Question

在我正在开发的网站上，我使用以下css来粘贴页脚，如（philipwalton.github.io/solved-by-flexbox/demos/sticky-footer /）中所述

.Site {
  display: inline-flex;
  flex-direction: column;
  height: 100vh;

}

.Site-content {
  flex: 1 0 auto;
}

这适用于所有浏览器（IE，Chrome和Firefox），但不适用于Microsoft Edge。 在Microsoft Edge上，页面显示不正确。

一旦我将flex方向放在css中，就会发生这种情况。 然而，Edge（www.w3.org/TR/css-flexbox-1/#flex-direction-property）似乎支持flex-direction。

知道可能的原因是什么？

编辑：

以下是一些更多信息。

• 我使用Rinjani模板（themes.lucky-roo.com/rinjani-v2.1/1-rinjani-single-image/index.html）。

• 我基本上只是做了flexbox演示中描述的内容：我将上面的css添加到主css文件中，并将class="Site"添加到body标签。

这就是我所得到的： Edge

This是它应该看起来的样子，以及它的外观：Chrome，FireFox和IE。