我有一个很好的问题，不多说。
看看这个网站(他是葡萄牙语，但代码是英文的)。
http://filmseasy.com/nepes/ (抱歉关于域，但我需要某个地方作为主机)
我正在完成菜单及其所有响应方式。但是，在 chrome、firefox 和除 safari 之外的其他浏览器中，在 PC 上，所有网站看起来都很棒，而且完全符合我的要求。
但在 android 原生浏览器中，我遇到了 flex box 的严重问题。
在我的代码中，在 tablet-style.css 上，您会看到我只将 flex 命令放在 .flex css 类中，但我说已经放置了供应商前缀，但仍然发生同样的事情，=[。我离开是为了让你看得更清楚。
放在本站，http://mattkersley.com/responsive/ ，并查看工作原理以及分辨率应如何显示。
请在 Android 设备上查看 View 的差异。
谢谢大家。
最佳答案
在你的 .logo 类上你需要给它一个 -webkit-box-flex 属性来让它增长，元素必须是 display: block
display: block;
-webkit-box-flex: 1;
适用于 Windows PC 的 Safari 相当古老，因此它使用旧的 Flexbox 规范，iOS 6 和大多数 Android 也是如此。
关于android - Android 和 Safari 浏览器中的 Flex Box，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/21462296/