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>

これは私がここで見つけた簡単な例です。さらに、これで jquery mobile(1.4) を使用しました

Answer 1

モバイルまたはタブレットの縦向きビューでのデータ テーブルの表示を修正するには、css3 メディア クエリを記述する必要があります。