jquery - 如何使 iPhone 上的 jQuery UI 对话框变大

Question

我正在使用 jQuery UI 对话框。大小在普通台式计算机上很好。但是，当我在 iPhone 上查看对话框时，该框和随附的文字太小了，以至于必须放大才能阅读。我不希望该框压倒普通台式计算机的屏幕，但我确实希望对话框占用 iPhone 上的大部分屏幕空间。我正在努力找出实现这一目标的最佳方法。

这是代码示例：

...

.dialog({
        autoOpen: false,
        title: 'Disclaimer',
        resizable: false,
        width: 500,
        modal: true,
        position: 'top+10%',
        buttons: {
...     

Answer 1

像这样，选择器是对话框包含的 div，也许？你可以为不同的宽度做多个，或者使用 SASS 来使宽度动态化。

@media screen and (max-device-width: 320px){
  .selector{ width = 320;}
}