jQuery Mobile 弹出屏幕大小

Question

我正在使用 jQuery Mobile，我需要一个弹出选项来打开表单。弹出窗口正在运行，但我需要将其放大。

<div id="addPopup" data-role="popup" data-overlay-theme="a" data-theme="d" data-transition="pop" >

   <div data-role="header" data-theme="c" class="ui-corner-top">
        <div class="ui-btn-left">
            <a href="#NEED TO CONFIGURE" data-role="button" data-theme="c" data-icon="check" data-inline="true" data-ajax="false">Save</a>
        </div>

            <h1 class="ui-title" role="heading">Status</h1>

        <div class="ui-btn-right">
            <a href="#NEED TO CONFIGURE" data-role="button" data-theme="c" data-icon="delete" data-inline="true" data-ajax="false">Cancel</a> 
        </div>

商品代码：

        <div class="grid_10" style="text-align:left; width:30%; margin-top:0px;"> 
            <input type="text" name="name" id="name" value="" placeholder="Item Code">
        </div>
    </div>

我该怎么做？

Answer 1

使用 CSS 调整弹出窗口的大小。

#yourpopup{
    width: 200px;
}