jquery - 如何设置 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;
}