当前位置：文江博客话题详情

jQuery移动旋转问题

发布于 2024-12-05 08:47:12 字数 224 浏览 0 评论 0原文

我正在尝试 jquery mobile (beta 3)。当您加载应用程序时，一切正常。但是，当您将 iPhone 旋转至水平位置时，布局无法正确调整。

可以在 http://jquerymobile.com/demos/1.0b3/ 上观察到同样的

问题有解决办法吗？

原文

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

清风挽心 2024-12-12 08:47:12

如果不需要缩放，是最不hackish的。

如果您想保持缩放，请尝试此解决方案。

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');
}

仅供参考：这是一个已知问题，请参阅 jQM 文档

< em>iOS 中存在一个小问题，即使用这些视口设置更改方向时无法正确设置宽度，但这有望在未来版本中得到修复。如果需要，您可以设置其他视口值以禁用缩放，因为这是页面内容的一部分，而不是库的一部分。

If zoom isn't needed <meta name="viewport" content="width=device-width, minimum-scale=1, maximum-scale=1"> is the least hackish.

If you want to keep zoom, try this solution.

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: this is a known issue, see jQM docs

There is a minor issue in iOS that doesn't properly set the width when changing orientations with these viewport settings, but this will hopefully be fixed a a future release. You can set other viewport values to disable zooming if required since this is part of your page content, not the library.

回复收藏 0 原文

~没有更多了~