Android和Safari浏览器中的Flex Box

时间:2014-01-30 16:40:54

标签: android html css safari flexbox

我有一个很好的问题,不要另外说。

查看此网站(他是葡萄牙语,但代码是英文)。

http://filmseasy.com/nepes/(抱歉域名,但我需要某个地方主持人)

我正在最终确定菜单及其所有响应方式。但是,在Chrome或firefox以及除Safari之外的其他浏览器中,在PC上,所有网站看起来都很棒,而且完全按照我想要的方式。

但是在Android原生浏览器中,我遇到了Flex框的严重问题。

在我的代码中,在tablet-style.css上,你会看到我只将flex命令放在.flex css类中,但是我说这已经把厂商的前缀放了,但仍然会发生同样的事情,= [。我离开了,你可以看得更清楚。

点击此网站http://mattkersley.com/responsive/,了解工作原理以及解决方案应如何显示。

请在Android设备上查看,并查看其中的差异。

谢谢大家。

1 个答案:

答案 0 :(得分:3)

.logo课程中,您需要为其提供-webkit-box-flex属性才能使其成长,且元素必须为display: block

display: block;
-webkit-box-flex: 1;

用于Windows PC的Safari已经很老了,所以它使用旧的Flexbox规范,iOS 6和大多数Androids也是如此。