是否可以使Jquery UI Dialog响应？我希望我的Dialog的大小是根据屏幕大小和对话框的内容自动计算的。怎么可能实现这个？ THX！
答案 0 :(得分：1)
对话框小部件使用jQuery UI CSS framework来设置其外观样式。如果需要特定于对话框的样式，可以使用以下CSS类名称：
ui-dialog：对话框的外部容器。
ui-dialog-titlebar：标题栏包含对话框的标题和关闭按钮。
ui-dialog-title：对话框文本标题周围的容器。ui-dialog-titlebar-close：对话框的关闭按钮。ui-dialog-content：对话框内容周围的容器。这也是小部件实例化的元素。ui-dialog-buttonpane：包含对话框按钮的窗格。仅在设置buttons选项时才会出现此选项。
ui-dialog-buttonset：按钮周围的容器。此外，当设置modal选项时，ui-widget-overlay类名称的元素会附加到<body>。
除此之外，您可以使用 dialogClass
$( ".selector" ).dialog({
dialogClass: "responsive_class"
});
指定的类名将被添加到对话框中，以用于其他主题。
答案 1 :(得分：1)
如其他答案中所述，＆＃39; dialogClass＆＃39;是一种覆盖jQuery UI Dialog的CSS的方法。
然而，由于jQuery UI Dialog使用内联CSS来实现放置，宽度等，因此可能会出现一些问题。这样做的后果是你必须使用＆＃39;！importants＆＃39;分散在你的CSS中以实现响应行为。我遇到了同样的问题，因此我撰写了jQuery UI Dialog Extended。
此插件为jQuery UI Dialog提供了附加功能，包括响应行为（高度响应）。