移动网站问题

Question

我的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

Answer 1

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

Answer 2

我想出去，并说，因为你所指的行为发生在浏览器之外，这是由IOS决定的（我有一个iPhone 5和你已经证明的效果在查看任何网站时发生。

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

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

Answer 3

在html head部分中添加此元标记。

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