Question

我很难让弹出式对话框扩展以适应它的内容，无论我扩展屏幕有多宽。

    <a href="#popupDialog" data-rel="popup" data-position-to="window" data-transition="pop" class="ui-btn ui-corner-all ui-shadow ui-btn-inline ui-icon-delete ui-btn-icon-left ui-btn-b">Open Popup</a>

<div data-role="popup" id="popupDialog" data-overlay-theme="b" data-theme="b" data-dismissible="false">
    <div data-role="header" data-theme="a">
         <h1>Hello</h1>

    </div>


    <div class="ui-grid-a">
        <div class="ui-block-a"><h4 style="text-align:center;white-space:nowrap;" id="endGameLine3" >This is the left text</h4></div>
        <div class="ui-block-b"><h4 style="text-align:center;white-space:nowrap;" id="endGameLine4" >THIS SHOULD NOT WRAP</h4></div>
    </div>

    </div>

Answer 1

使用 css

尝试此操作

#popupDialog-popup{
    width:100%;
}

Demo

jQuery Mobile：Popup对话框没有扩展以适应它的内容

1 个答案: