iti*_*zme 5 mobile jquery screen-orientation
我正在使用JQUery Mobile Beta 1编写移动应用程序,并期望屏幕在从纵向旋转到横向时自动调整iphone,反之亦然,但它没有发生.
我只是打开了这个链接(Beta 1 doc demo)
http://jquerymobile.com/demos/1.0b1/docs/pages/page-template.html
但它也没有调整屏幕.
我错过了什么吗？
编辑:Beta 2似乎相同.我检查了演示和文档iPhone,它的行为类似.我需要点按一个屏幕进行调整.不像纵向那样自动进行.
Itizme
mus*_*pax 17
在您的文档中<head>而不是这样做:
<meta name="viewport" content="width=device-width, initial-scale=1">
做这个:
<meta name="viewport" content="initial-scale=1, maximum-scale=1">
当您的设备更改时(即旋转时),MobileSafari将在调整视口大小之前放大页面.因此,当应该让页面自行调整大小时,基于纵向屏幕宽度应用缩放.通过将初始和最大比例设置为1,我们禁用缩放.因此,当您旋转时,MobileSafari无法错误地放大您的页面,从而解决了问题.
另请参阅:jQuery Mobile错误报告