我们正在使用 jQuery Mobile 框架开发一个应用程序。到目前为止，应用程序运行良好，现在我们正在考虑使用“媒体查询”条件 CSS 脚本来处理不同大小的浏览器窗口。
我们的想法是，当有人通过 iPhone/Android/Windows 手机等移动浏览器访问我们的应用时，他们可以查看全宽和全高。但是当有人从普通桌面浏览器访问并且它的宽度超过 800 PX 时，我们需要重新调整我们的应用程序的宽度和高度。
问题是，我们想在 iPhone 背景上设置重新调整大小的应用程序窗口，并且当前背景位置是固定的。我已经尝试了数千次来调整宽度和高度，并且能够调整宽度但不能调整高度。另外，我需要改变我们的应用在后台的位置。
谁能建议我如何更改 JQM 窗口的高度？
等待专家意见。
【问题讨论】：
标签： jquery-mobile media-queries
我认为 Viewpoint 将处理页面的宽度，而内容应处理页面的高度。我认为高度也有默认值。
视口元标记
请注意，上面有一个元视口标记，用于指定浏览器应如何显示页面缩放级别 和尺寸。如果未设置，许多移动浏览器将使用 “虚拟”页面宽度约为 900 像素，以使其正常工作 现有的桌面网站，但屏幕可能看起来也缩小了 宽的。通过将视口属性设置为content="width=device-width,initial-scale=1"，宽度为 设置为设备屏幕的像素宽度。<meta name="viewport" content="width=device-width, initial-scale=1">这些设置不会禁用用户缩放页面的能力， 从可访问性的角度来看，这很好。有一个未成年人 iOS 中的问题在更改时未正确设置宽度 具有这些视口设置的方向，但希望这是 修复了未来的版本。您可以设置其他视口值以禁用 如果需要缩放，因为这是您的页面内容的一部分，而不是 图书馆。
还有一个gradeA 全局配置选项，但不确定这是否有帮助：
gradeA
返回布尔值的函数，默认：返回$.support.mediaquery值的函数任何支持条件 必须满足才能继续。
jQM 提供媒体助手，但已被弃用，但您仍然可以下载并自行使用。
他们建议使用由 Scott Jehl（jQM 团队成员）开发的response.js
【讨论】：
检查它是否与视口设置有关。我认为我们需要更多细节。您实际上在问什么有点令人困惑。
【讨论】：