我有一个jQuery手机网页，其目前的宽度=设备宽度，但是我的表单元素(文本框和提交按钮)在桌面计算机上浏览浏览器的宽度。
有没有办法设置最大宽度，以便这些元素(或整个内容div)在移动设备上正常显示，但在台式机上查看时不能超过固定的最大宽度？
解决方法
<style type='text/css'>
<!--
html { background-color: #333; }
@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;
}
}
-->
</style>
@media only屏幕和(最小宽度：600像素)将CSS规则限制为桌面设备，窗口宽度最小为600px。对于这些，由jQuery Mobile创建的页面容器的宽度固定为600px，margin：0自动居中页面。其余的改善了美观的结果。
然而，这是一个缺点：这并不能很好地与滑动动画一起玩。我建议禁用动画(也可能取决于使用@media的媒体类型和屏幕大小)，因为它看起来很奇怪的大屏幕上。
