Android 和 Safari 浏览器中的 Flex Box

Question

我有一个很好的问题，不要说别的。

看看这个网站（他是葡萄牙语，但代码是英文）。

http://filmseasy.com/nepes/（对不起域名，但我需要某个地方作为主机）

我正在敲定菜单及其所有响应方式。但是，在 chrome、firefox 和除 safari 之外的其他浏览器中，在 PC 上，所有网站看起来都很棒，而且完全符合我的要求。

但是在 android 原生浏览器中，我遇到了 flex box 的严重问题。

在我的代码中，在 tablet-style.css 上，你会看到我只将 flex 命令放在了 .flex css 类中，但我说它已经放置了供应商前缀，但仍然会发生同样的事情，=[。我离开是为了让你看得更清楚。

进入这个网站，http://mattkersley.com/responsive/，看看它是如何工作的，以及决议应该如何出现。

请在 Android 设备上查看，查看视图的不同。

谢谢大家。

Answer 1

在您的 .logo 类上，您需要给它一个 -webkit-box-flex 属性以使其增长，并且元素必须是 display: block

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

Windows PC 的 Safari 相当老旧，因此它使用旧的 Flexbox 规范，iOS 6 和大多数 Android 也是如此。