高度：平板电脑设备100％

Question

我创建了一个网站，其中包含两个完整高度的div，它们在我的桌面计算机（Chrome，Mozilla和IE）上运行良好。但是在我的平板电脑（Android）上，div不是全高，只包裹文本？

有谁知道为什么会这样？

这个小提琴显示我正在使用的基本布局：http://jsfiddle.net/yt22tcmq/3/

HTML：

<div class="parent">
    <div class="left">
        Left
    </div>
    <div class="right">
        Right
    </div>
</div>

CSS：

body, html{
    height: 100%;
    margin: 0px;
}

.parent{
    height: 100%;
    display: table;
}

.left{
    display: table-cell;
    width: 200px;
    background-color: #ccc;
}

.right{
    display: table-cell;
    background-color: #eee;
}

（顺便说一下，小提琴在我的平板电脑上出现404错误，但在我的桌面上有效。）