我们正在使用jQuery Mobile Framework开发应用程序。到目前为止app工作得很好,现在我们正在考虑为不同大小的浏览器窗口使用“媒体查询”条件CSS脚本。
我们的想法是,当有人通过iPhone / Android / Windows手机等移动浏览器访问我们的应用时,他们可以查看全宽和全高。但是当有人从常规桌面浏览器访问并且宽度超过800 PX时,我们需要重新调整应用程序的宽度和高度。
问题在于,我们希望在iPhone背景上设置重新调整大小的应用程序窗口&目前的背景位置是固定的。我已经尝试了数千次的时间来重新调整宽度和高度,并且能够重新调整宽度但不能重新调整高度。此外,我需要在后台更改我们的应用程序的位置。
任何人都可以建议我如何更改JQM窗口的高度吗?
等待专家意见。
答案 0 :(得分:0)
检查是否可能与视口设置有关。我想我们需要更多细节。你实际上要问的是有点混乱。
答案 1 :(得分:0)
我认为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