css flex模型 没按预期显示

Question

求高人帮忙看看 写了一个flex原型 在FF chrome IE11显示没问题
但是在android4.0没能按预期显示
地址如下：
http://ccidcce.no-ip.org:8889/mywork/prototype/temp/rankInCity.html
预期效果：
tabA tabB占横向空间比例为1：1
姓名 排名 积分占横向比例为4：3：3
请帮我看看是哪里没写好

Answer 1

无法打开上面的链接, 猜测是没有注意到一些兼容性写法。
Andriod2.1+ -> Android4.3, 使用的语法是:

display: -webkit-box;

而不是:

display: -webkit-flex;

你上面说IE11可以工作, 因此目测你的代码在IE10是不能工作的, IE10用的是另外的语法：

display: -ms-flexbox;