为什么我的jQuery Mobile应用程序无法在Android 4.0.3浏览器中正确显示？

Question

我有一个jQuery Mobile(1.1.0)应用程序在使用Chrome,FF,Mobile Safari和Android 2.2上的浏览器查看时运行.但是,在Android 4.0.3模拟器的浏览器中查看时,存在一系列问题.

这些包括:

1)没有显示标题栏(它在显示时短暂显示,它们消失 - 固定页脚很好).

2)页面上的按钮未显示 - 但仍然可以正确接收和处理点击事件.

这也发生在同事的ICS Android手机(Galaxy Nexus)上.

标记对于jQM来说都是相当标准的.例如,主按钮是标签.标题是:

<header data-role="header">
    <h1 data-bind="text: theTitle"></h1>

    <a id="waitButton" href="#" class="ui-btn-left" data-bind="click: wait">Wait</a>
    <a id="pollButton" href="#" class="ui-btn-right" data-bind="click: poll">Poll</a>
</header>

[数据绑定属性适用于Knockout.js]

有谁知道我需要改变它以使其在ICS上工作？或者这是jQuery Mobile的"正在进行中的工作"？

Answer 1

发现了问题.我在iOS测试期间添加了这个css规则:

.ui-page 
{
    /* Supposed to reduce flickering, but screwed up Ice Cream Sandwich. */
    -webkit-backface-visibility: hidden;
}