Javascript Jquery Mobile-标题按钮文本被截断

我正在使用Jquery Mobile构建一个Phonegap web应用程序。 我的页面中有一个标题，左边有一个自定义按钮。HTML代码如下所示：

 <div data-role="page" id="otsTopPage" data-theme="a"> 
        <div data-role="header" data-position="fixed" data-theme="a">
            <h1 id="ots_top_h1"></h1>
            <a id="aboutButton" href="common/about.html" data-role="button" data-rel="dialog"></a>
        </div> 

        <div data-role="content">
            <fieldset class="ui-grid-b" id="TopGrid">
            </fieldset>
        </div>

        <div data-role="footer" data-id="navBar" data-position="fixed" data-theme="a">
            <div data-role="navbar">
            </div><!-- /navbar -->
        </div>
 </div>

内容由jquery文件生成

标题和按钮在浏览器中显示良好，但在构建应用程序时，按钮文本会被截断，如下所示：

在另一个包含两个按钮的页面中也会发生同样的情况：

        <div data-role="header" data-position="fixed" data-theme="a">
            <a id="tpoShow_back_button" href="#" data-rel="back" 
                data-transition="slide" data-direction="reverse">Back</a>
            <h1 id="formPageTitle" ><span id="tpo_show_object_types"></span></h1>
            <a href="map.html" id="tpoShow_map_button" >Map</a>
        </div>

“后退”按钮正确显示，但“贴图”按钮被截断

---

有什么想法吗？

有趣的是，这个解决方案适用于我的手机，但当我在Bluestacks模拟器中尝试时，它仍然无法正确显示。当我在其他设备/平台上尝试时，我会将此功能打开一段时间