jQuery Mobile在小屏幕上查看时更改表单宽度?

有没有人知道如何调整jQuery移动表单的大小,以适应从中查看它的设备。目前,我有一个表单,它的文本输入字段在桌面上查看时占据整个屏幕。然而,当从手机上看时,文本输入仍然很长,这使得我的表单很小,很难使用。

我已经尝试过使用以下css来调整小屏幕的大小,但它似乎只是调整了表单本身的大小,而不是整个页面的大小。我甚至在没有运气的情况下尝试了以下选择器:“body”、“.ui mobile”、“/ui mobile body”、

@media only screen and (min-width: 600px){
        .ui-page {
            width: 600px !important;
            margin: 0 auto !important;
            position: relative !important;
            border-right: 5px #666 outset !important;
            border-left: 5px #666 outset !important;
        }
    }

如果没有上面的css代码,我会得到以下显示,这不是更好的:

我想知道,jquery或css是否有一种方法可以调整整个页面的大小,以便最终用户看到表单字段更大?有人知道怎么做吗?