Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/68.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
当旋转到横向时,JQuery Mobile Beta 1不会调整iphone屏幕的大小_Jquery_Mobile_Screen Orientation - Fatal编程技术网

当旋转到横向时,JQuery Mobile Beta 1不会调整iphone屏幕的大小

当旋转到横向时,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="

我正在用JQUery mobile Beta 1编写移动应用程序,并期望在iphone上从纵向旋转到横向时屏幕会自动调整,反之亦然,但事实并非如此

我只是打开这个链接(Beta 1文档演示版)进行了检查

但它也没有调整屏幕

我错过什么了吗

编辑:Beta 2似乎也是如此。我检查了iPhone的demos&docs,它的表现也很相似。我需要点击屏幕来调整它。不是像在纵向方向那样自动进行的

Itizme

在您的文档中
而不是这样做:

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

这样做:

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

为什么会这样 当您的设备方向改变时(即旋转设备时),MobileSafari将在调整视口大小之前放大页面。因此,缩放是基于纵向屏幕宽度应用的,此时它应该让页面自行调整大小。通过将“初始比例”和“最大比例”都设置为1,我们可以禁用缩放。因此,当你旋转时,MobileSafari不能错误地放大你的页面,从而解决了这个问题


另请参见:

刚刚在iOS5上测试了这一点,它仍然是一个问题:-(太糟糕了,我们仍然需要禁用缩放功能