如何使用jQuery mobile增加面板的宽度？ 覆盖面板

我使用jquery手机尝试了上面的代码，它增加了大小，但当我们单击面板中的任何位置时，它会自动关闭

将面板中的

数据可忽略属性设置为
false
。
像这样

<div><a href="#overlayPanel">
    search</a>
</div>

<div data-role="panel"
     id="overlayPanel" 
     data-theme="a"  
     data-display="overlay"                                                 
     data-position="right" style="width:100%">
         <h2>Overlay Panel</h2> 
         <a href="#pageone" data-rel="close">
             Close panel
         </a>
</div>



当我使用style=“width:100%”时，请参考此
，它在右侧添加了额外的空间，当我们仅在firefox浏览器中在手机上打开它时，它会显示额外的空间。如何删除这些额外的空间请帮助我。@user3350169删除样式宽度并重试。但是我想让面板占据整个页面，我如何才能让它占据整个页面
<div data-role="panel" id="myPanel" data-dismissible="false" style="width:100%">