css - 网格显示不正确

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 媒体查询来更正您的数据表在手机或平板电脑纵向 View 中的显示。