jQuery Mobile 网格未按预期工作

Question

我制作了一个简单的页面来测试 jQuery Mobile 网格。我刚刚复制/粘贴了 jQuery Mobile demo website 中的所有内容但似乎没有任何作用。

这些 block 根本没有正确对齐，as you can see from this test page i've made 。如果(神奇地)你看到它们对齐，this is a screenshot of what i see .

真正让我发疯的是the same exact code works in jsfiddle !!!

<div class="ui-grid-a">
        <div class="ui-block-a"><div class="ui-bar ui-bar-a" style="height:60px">Block A</div></div>
        <div class="ui-block-b"><div class="ui-bar ui-bar-a" style="height:60px">Block B</div></div>
</div><!-- /grid-a -->

有什么想法吗？

Answer 1

我发现问题了!

在 the examples on the jQuery Mobile website不使用制表符，但使用空格，浏览器将其转换为   并使最后一个 block 向下移动。因此，通过从他们的网站复制和粘贴，我遇到了这个问题。

很难找到