网页本地浏览器移动端调试时无法上下滑动
如下图所示,网页在浏览器移动端调试效果时,不能通过鼠标进行上下滑动。
处理经验:
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操作了元素属性。
以上,就是我爱自学小编浏览器移动端调试不能上下滑动的真实经验分享。