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;
}