CSS浏览器前缀不会在Chrome以外的浏览器上呈现

Question

我有一个网站（现在的主页），我已经使用了必要的浏览器前缀。只是为了确保我还添加了-prefix-free到头部。但Chrome是唯一能够以预期样式呈现网站的浏览器。在所有其他浏览器中，元素是歪斜和不合适的。可能是什么事？为什么其他浏览器不会使用前缀来呈现样式？

在 this jsfiddle 中分享了css 以下是摘录：

.event3 {
     -webkit-box-flex: 1;
     -webkit-flex: 1;
         -ms-flex: 1;
             flex: 1;   

}