Mobile 正文溢出:隐藏don';不能在移动浏览器中工作

Mobile 正文溢出:隐藏don';不能在移动浏览器中工作,mobile,touch,overflow,Mobile,Touch,Overflow,溢出:隐藏的body元素在桌面浏览器上运行良好。但移动浏览器/触摸屏忽略了这种行为 <style> body {overflow:hidden; height:100%; width:100%;} .content {height:2000px; width:1000px;} </style> <body> <div class="content"> long content </div> </body> 正

溢出:隐藏的body元素在桌面浏览器上运行良好。但移动浏览器/触摸屏忽略了这种行为

<style>
body {overflow:hidden; height:100%; width:100%;}
.content {height:2000px; width:1000px;}
</style>


<body>
    <div class="content"> long content </div>
</body>

正文{溢出:隐藏;高度:100%;宽度:100%;}
.内容{高度:2000px;宽度:1000px;}
长内容

我认为问题来自触摸!?但我不知道如何解决这个问题。

不确定这是否有帮助,但我解决这个问题的方法是在body标签内使用另一个容器包装其他所有内容,并在其上溢出。i、 e

.siteContainer{
    position:relative;
    overflow:hidden;
}