当旋转到横向时,JQuery Mobile Beta 1不会调整iphone屏幕的大小
我正在用JQUery mobile Beta 1编写移动应用程序,并期望在iphone上从纵向旋转到横向时屏幕会自动调整,反之亦然,但事实并非如此 我只是打开这个链接(Beta 1文档演示版)进行了检查 但它也没有调整屏幕 我错过什么了吗 编辑:Beta 2似乎也是如此。我检查了iPhone的demos&docs,它的表现也很相似。我需要点击屏幕来调整它。不是像在纵向方向那样自动进行的 Itizme在您的文档中当旋转到横向时,JQuery Mobile Beta 1不会调整iphone屏幕的大小,jquery,mobile,screen-orientation,Jquery,Mobile,Screen Orientation,我正在用JQUery mobile Beta 1编写移动应用程序,并期望在iphone上从纵向旋转到横向时屏幕会自动调整,反之亦然,但事实并非如此 我只是打开这个链接(Beta 1文档演示版)进行了检查 但它也没有调整屏幕 我错过什么了吗 编辑:Beta 2似乎也是如此。我检查了iPhone的demos&docs,它的表现也很相似。我需要点击屏幕来调整它。不是像在纵向方向那样自动进行的 Itizme在您的文档中而不是这样做: <meta name="viewport" content="
而不是这样做:
<meta name="viewport" content="width=device-width, initial-scale=1">
这样做:
<meta name="viewport" content="initial-scale=1, maximum-scale=1">
为什么会这样
当您的设备方向改变时(即旋转设备时),MobileSafari将在调整视口大小之前放大页面。因此,缩放是基于纵向屏幕宽度应用的,此时它应该让页面自行调整大小。通过将“初始比例”和“最大比例”都设置为1,我们可以禁用缩放。因此,当你旋转时,MobileSafari不能错误地放大你的页面,从而解决了这个问题
另请参见:刚刚在iOS5上测试了这一点,它仍然是一个问题:-(太糟糕了,我们仍然需要禁用缩放功能