jQuery Mobile中的媒体查询问题

时间:2012-03-07 04:52:22

标签: jquery-mobile media-queries

我们正在使用jQuery Mobile Framework开发应用程序。到目前为止app工作得很好,现在我们正在考虑为不同大小的浏览器窗口使用“媒体查询”条件CSS脚本。

我们的想法是,当有人通过iPhone / Android / Windows手机等移动浏览器访问我们的应用时,他们可以查看全宽和全高。但是当有人从常规桌面浏览器访问并且宽度超过800 PX时,我们需要重新调整应用程序的宽度和高度。

问题在于,我们希望在iPhone背景上设置重新调整大小的应用程序窗口&目前的背景位置是固定的。我已经尝试了数千次的时间来重新调整宽度和高度,并且能够重新调整宽度但不能重新调整高度。此外,我需要在后台更改我们的应用程序的位置。

任何人都可以建议我如何更改JQM窗口的高度吗?

等待专家意见。

2 个答案:

答案 0 :(得分:0)

检查是否可能与视口设置有关。我想我们需要更多细节。你实际上要问的是有点混乱。

答案 1 :(得分:0)

我认为Viewpoint将处理宽度,内容应该处理页面的高度。我认为高度也有默认值。

  

视口元标记
请注意,头部中有一个元视口标记,用于指定浏览器应如何显示页面缩放级别   和尺寸。如果没有设置,许多移动浏览器将使用   “虚拟”页面宽度约900像素,使其与之配合使用   现有的桌面网站,但屏幕可能看起来也缩小了   宽。通过将视口属性设置为   content="width=device-widthinitial-scale=1",宽度为   设置为设备屏幕的像素宽度。

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

这些设置不会禁用用户缩放页面的功能,   从可访问性的角度来看这很好。有一个未成年人   在更改时未正确设置宽度的iOS问题   这些视口设置的方向,但希望如此   修复了未来版本。您可以设置其他视口值以禁用   如果需要缩放,因为这是页面内容的一部分,而不是   库。

还有一个gradeA全局配置选项,但不确定这是否有帮助:

  

gradeA
返回布尔值的函数,默认值:返回$.support.mediaquery值的函数任何支持条件   必须满足才能继续。

jQM提供媒体助手,但它已被弃用,但您仍然可以下载并自行使用。

他们建议使用由Scott Jehl(jQM团队成员)开发的response.js