在移动浏览器中,我正在www.salonbkb.com上工作的网站会响应,但允许用户使用触摸从左向右移动该网站,并在拖动后在剩余空间上创建空白。

Foundation.zurb.com不会这样做,我发现的大多数网站也不会这样做。我相信msn.com仍会这样做。

如何防止这种情况发生。

我试过了

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

但这什么也没做。

最佳答案

如果您有width=device-width, initial-scale=1,那么页面通常不会执行此操作。某些元素正在拉伸(stretch)页面,从而允许用户侧向平移。如果宽度为100%的元素上有边距,或者box-sizing未设置为border-box且宽度为100%的元素上有填充,则通常会发生这种情况。您只需要找到元素(chrome devtools对此很有用,请向下滚动并尝试找到一个带有大边框的元素)并进行修改或删除。

顺便说一句,我强烈建议您不要设置user-scalable=nomaximum-scale=1。可用性太糟糕了。用户应该可以放大。几乎没有很好的用例。如果您担心抽头延迟,请使用fastclick

关于javascript - 在移动设备上禁用网站主体的触摸平移,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/25099517/

10-11 12:56
查看更多