jQuery手机转动问题

Question

我正在试验jQuery手机（测试版3）。加载应用程序时，Everthing可以正常工作。但是，当您将iPhone旋转到水平时，布局不会正确调整自身。

同样的问题可以在http://jquerymobile.com/demos/1.0b3/

观察有没有人有办法解决吗？

Answer 1

如果不需要缩放<meta name="viewport" content="width=device-width, minimum-scale=1, maximum-scale=1">是最不起眼的。

如果要保持缩放，请尝试this解决方案。

var viewport = $('meta[name="viewport"]'); 
var nua = navigator.userAgent; 

if ((nua.match(/iPad/i)) || (nua.match(/iPhone/i)) || (nua.match(/iPod/i))) { 
    viewport.attr('content', 'width=device-width, minimum-scale=1.0, maximum-scale=1.0'); 
    $('body')[0].addEventListener("gesturestart", gestureStart, false); 
} 

function gestureStart() { 
    viewport.attr('content', 'width=device-width, minimum-scale=0.25, maximum-scale=1.6'); 
} 

FYI：这是一个已知的问题，请参见jQM docs

有一个在iOS的一个小问题，与这些视口设置改变方向时没有正确地设置宽度，但希望这将修复未来版本。如果需要，您可以设置其他视口值以禁用缩放，因为这是您网页内容的一部分，而不是图书馆。