移动网站问题答案

【问题标题】：Mobile website Issue移动网站问题
【发布时间】：2013-01-31 01:26:45
【问题描述】：

我的mobile website 有一个问题，当您使用swipe from left to right 或right to left 时，屏幕会移动并在其下方显示灰色背景。

这是可以通过锁定 div 来解决的问题，还是只是在移动网站上处理的问题。
我看到 twitters 移动网站在上下滚动时会做同样的事情，它会向下拖动查看区域足以看到灰色背景。
我附上了一张图片，以准确显示我在从右向左拖动时看到的内容。

注意：在此处添加 youtube 链接： http://www.youtube.com/watch?client=mv-google&hl=en&gl=US&v=MMPyZ51eO6E&feature=youtube_gdata_player&nomobile=1

【问题讨论】：

我们有可能看到这一点吗？
当然，我会发布指向 youtube 的链接
youtube 在这种情况下不会这样做。我能看到发生这种情况的页面吗？
确定让我看看是否可以添加一个您不需要登录和密码的页面
@darshanags 给你：

标签： jquery css html jquery-mobile

【解决方案1】：

您有一个 jQuery UI 覆盖类 ui-overlay-c 通常用于应用于您的身体的弹出窗口。删除这个类，你应该很好。此外，您的示例链接中的 HTML 看起来很奇怪。即：我在桌面浏览器中打开http://www.happps.com/geishatemplate.php，然后>查看源代码（ctrl+u），我看不到a或a。

【讨论】：

【解决方案2】：

我要冒昧地说，由于您所指的行为发生在浏览器视口之外，这是由 IOS 规定的（我有一部 iPhone 5，您所展示的效果发生在查看任何网站）。

底线 - 我不相信这可以做到（对于网络应用程序..）。

虽然值得注意的是，这种行为在 chrome for ios 中并不相同（灰色区域是不同的颜色，而是显示在地址栏下方）。

【讨论】：

【解决方案3】：

在您的 html 头部部分中添加此元标记。

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

【讨论】：