从小屏幕观看时jQuery Mobile改变表格宽度？

Question

有没有人知道如何调整jQuery移动表单的大小以适合查看它的设备。目前，我有一个表单，其中包含从桌面查看时占据整个屏幕的文本输入字段。但是，从手机查看文本输入仍然很长，使我的形式非常小，难以使用。

我尝试使用以下css来调整小屏幕的大小，但它似乎只调整了表单本身的大小而不是整个页面给我下面的显示。我甚至没有运气就试过以下选择器：'body'，'.ui-mobile'，'.ui-mobile body'，'。water-header'，'。ui-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来调整整个页面的大小，以便表单字段对最终用户来说更大？有谁知道怎么做？

Answer 1

加入：

<meta name="viewport" content="width=device-width, initial-scale=1">

通过电话可以更好地查看头部并获得更好的效果！