如何在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;}
}