网格无法正常显示

Question

我正在使用KoGrid进行数据表示。这就是它最初的样子：

当我旋转手机或标签时，网格将正确显示，但我无法弄清楚如何解决此问题：

有没有人遇到过这个问题？

我的Javascript：

var vm = {
    myObsArray: ko.observableArray([
        { firstName: 'John', lastName: 'Doe' },
        { firstName: 'Jane', lastName: 'Doe' },
        { firstName: 'Jane', lastName: 'Doe' }
    ])
};
ko.applyBindings(vm, document.getElementById("vm"));

HTML：

<div id="vm">
    <h3>Size (<span data-bind="text: myObsArray().length"></span>)</h3>
    <div class="gridStyle" data-bind="koGrid: { data: myObsArray }"></div>
</div>

这是一个我发现here的简单示例。另外我使用了jquery mobile（1.4）

Answer 1

您应该编写css3媒体查询，以便在移动设备或平板电脑的纵向视图中更正数据表的显示。