我正在尝试使用flexbox在我的移动页面上创建一个页脚。它看起来很棒Chrome和& Safari但在 Android Stock浏览器中引起了一些问题。我正在使用javascript和amp;创建它。这是包含为其生成的html的fiddle。
简而言之,我的页脚结构是:
<container>
<imgContainer></imgContainer>
<msgContainer></msgContainer>
<logoContainer></logoContainer>
</container>
“容器”中的所有元素都具有行方向的flex(在小提琴中可用)。
问题是当我使用' - webkit-box'而不是'flex'或' - webkit-flex'时,我的imageContainer的宽度比msgContainer小 - 尽管 imageContainer:msgContainer的比例是6:5 。我在三星S3,S5,S7 Edge,Nexus 6P上的 Stock Browsers 进行了测试,所有这些都产生了同样的问题。如果有人可以指出我所缺少的东西,那就太好了。提前谢谢。