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

Question

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

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

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

Answer 1

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

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