我有一个很好的问题,不要另外说。
查看此网站(他是葡萄牙语,但代码是英文)。
http://filmseasy.com/nepes/(抱歉域名,但我需要某个地方主持人)
我正在最终确定菜单及其所有响应方式。但是,在Chrome或firefox以及除Safari之外的其他浏览器中,在PC上,所有网站看起来都很棒,而且完全按照我想要的方式。
但是在Android原生浏览器中,我遇到了Flex框的严重问题。
在我的代码中,在tablet-style.css上,你会看到我只将flex命令放在.flex css类中,但是我说这已经把厂商的前缀放了,但仍然会发生同样的事情,= [。我离开了,你可以看得更清楚。
点击此网站http://mattkersley.com/responsive/,了解工作原理以及解决方案应如何显示。
请在Android设备上查看,并查看其中的差异。
谢谢大家。
答案 0 :(得分:3)
在.logo
课程中,您需要为其提供-webkit-box-flex
属性才能使其成长,且元素必须为display: block
display: block;
-webkit-box-flex: 1;
用于Windows PC的Safari已经很老了,所以它使用旧的Flexbox规范,iOS 6和大多数Androids也是如此。