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

前端之家收集整理的这篇文章主要介绍了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;
原文链接:https://www.f2er.com/iOS/332947.html

猜你在找的iOS相关文章