如何设置 jquerymobile 框架对话框自定义高度/宽度？答案

【问题标题】：how can i set jquerymobile framework dialog box custom height/width?如何设置 jquerymobile 框架对话框自定义高度/宽度？
【发布时间】：2012-05-17 11:12:06
【问题描述】：

我在我的 Web 应用程序中使用 jquerymobile，我必须在对话框中打开 html 页面。我正在使用下面的代码打开 html 页面。

> <a href="chart.html" data-rel="dialog" data-transition="pop"
> data-icon="false">Open HTML Page</a>

页面以默认高度和宽度打开，但我如何设置对话框的自定义高度和宽度。

【问题讨论】：

标签： jquery html jquery-plugins jquery-mobile

【解决方案1】：

高度由内容设置。要调整宽度，您可以覆盖以下 css 类。请务必将此样式放在 JQM 样式表之后。

.ui-dialog-contain {
    width: 92.5%; /* Change to whatever you want */
    max-width: 500px;
    margin: 10% auto 15px auto;
    padding: 0;
}

【讨论】：