CSS Flexible Box(webkit-box, webkit-box-flex)の挙動メモ

<html>
<head>
<style type="text/css">
.c0 {
    display: -webkit-box;
}

.c1 {
    border: 1px solid red;

    -webkit-box-flex: 1;
    width: 0;
}
</style>
</head>
<body>

<div class="c0">
    <div class="c1">
    a b c d
    </div>
</div>

</body>
</html>
期待動作

下記のように表示する。
Firefoxは -webkit プリフィックス付きのCSSが効かないので期待動作にならない。
f:id:yamataka548:20140924171754p:plain

実際の動作

Android 4.4.x のWebView実装によって下記のように表示されるらしい。
-webkit-box, -webkit-box-flexが無効になっている?
(実機が手元にないので未確認)

f:id:yamataka548:20140924171816p:plain