ios – “display：flex”和“align-items：center”在我的iphone上不再有效吗？

大家好,真是奇怪今天发生在我身上的事……
我正在编写一个代码来创建子菜单,我使用了该属性

display: -webkit-flex;
 display: flex;
 align-items: center;

以这种方式,各个部分(标签li)的声音垂直居中.
我之前已经多次使用这些属性用于其他代码,并且它们始终正常工作.和往常一样,我检查我的Mac上的代码,在iPhone 5上的firefox和chrome上.

但是一旦我通过我的iphone 5(版本8.3)看到该文件,我感到震惊……属性不起作用.我已经显示了旧文件,甚至与他们一起出现了同样的问题.

enter image description here

令人惊奇的是,mc与我的兄弟的iPhone 5完美配合(更新到9.x版本)：

http://i.stack.imgur.com/1bHhT.jpg

我不明白……但这怎么可能？

这是一个错误？还是我的iphone坏了？

解决方法

Safari中有一个flexbox bug：

The <button> and <fieldset> elements can’t be flex containers in Safari.

解决方案：使用不同的包装元素,例如< a>标签.

如果您不能或不想更改元素,可以使用box-orient修复它：

display: -webkit-box;
-webkit-box-orient: horizontal;