网页本地浏览器移动端调试时无法上下滑动

overme2个月前 (10-17)网页设计195

如下图所示,网页在浏览器移动端调试效果时,不能通过鼠标进行上下滑动。

处理经验:

1、查看了Viewport标签设置,确认没有异常
<meta name=”viewport” content=”width=device-width, initial-scale=1,maxium-scale=1,minimum-scale=1,user-scaleble=no”>

2、后面检查了Css,才发现问题
主要是body标签,设置了overflow:hidden的属性,又没有指定高度,导致超过屏幕的高度的内容不显示了,也就不能向下滑动。

类似这样的情况,优化检查一下html、body等标签,看看是不是设置了overflow和固定一定尺寸的Height值。如果这些方面没问题,那需要看看会不会有JS操作了元素属性。

以上,就是我爱自学小编浏览器移动端调试不能上下滑动的真实经验分享。

发表评论

访客

看不清,换一张

◎欢迎参与讨论,请在这里发表您的看法和观点。