我有一个基于jQuery Mobile的网站。 我正在使用视口标记使我的网站符合屏幕尺寸。
到目前为止一切顺利。
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
但现在的问题是,我仍然可以在屏幕上滚动整个网站(整个移动浏览器浏览器)。
我试图设置
body {
overflow:hidden;
}
如此处其他帖子所述。但它对我不起作用。任何人都知道如何解决这个问题?
答案 0 :(得分:2)
我遇到了同样的问题,最后使用了这个解决方法:
document.ontouchmove = function(event) {
event.preventDefault();
};
答案 1 :(得分:0)
缩放和滚动并不总是必须相关。这里的问题不在于视口,而在于网站的实际宽度,如果尺寸比屏幕尺寸宽,则会出现滚动问题。您必须给我们一个实例,以便我们可以帮助您找到溢出布局的元素
答案 2 :(得分:0)
我将您的网站与我们自己的网站进行了比较。你正在使用jQuery Mobile 1.0RC1,我们正在使用1.0b3。您的网站会出现问题,但与我们的网站无关。
也许尝试升级到最新的jQuery Mobile?
答案 3 :(得分:0)
正如贾斯帕指出的那样,你在尝试取这些东西的时候有一个404:
您看起来在文件夹名称“jquerymobile-FDL 2”中有空格,我会在没有空格的情况下重命名。
此外,我不确定您是否可以在标题或样式标记中包含元标记,也可以将所有元标记移动到头标记的开头?
你似乎也在导入两个不同版本的jQuery