Mobile 正文溢出:隐藏don';不能在移动浏览器中工作
溢出:隐藏的body元素在桌面浏览器上运行良好。但移动浏览器/触摸屏忽略了这种行为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> 正
<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;
}