Html 当使用viewport width=设备宽度时,如何在移动设备上禁用轻微的剩余水平滚动

Html 当使用viewport width=设备宽度时,如何在移动设备上禁用轻微的剩余水平滚动,html,css,mobile,scroll,viewport,Html,Css,Mobile,Scroll,Viewport,我使用下面的元将视口设置为设备宽度 meta(name='viewport',content='width=设备宽度,初始比例=1.0,用户可伸缩性=0;')) 当我在chrome for android上加载页面时,页面宽度似乎就是设备宽度,但当我滚动时,滚动条就会出现,并逐渐缩小到页面宽度,因此浏览器认为视口突然不够大,无法容纳页面和滚动条,并且突然不允许我水平滚动几个像素 这非常烦人,因为我将宽度设置为设备宽度,这样用户只能垂直滚动。如何阻止页面水平“抖动” 我试着设置边距:0 10px,

我使用下面的元将视口设置为设备宽度 meta(name='viewport',content='width=设备宽度,初始比例=1.0,用户可伸缩性=0;'))

当我在chrome for android上加载页面时,页面宽度似乎就是设备宽度,但当我滚动时,滚动条就会出现,并逐渐缩小到页面宽度,因此浏览器认为视口突然不够大,无法容纳页面和滚动条,并且突然不允许我水平滚动几个像素

这非常烦人,因为我将宽度设置为设备宽度,这样用户只能垂直滚动。如何阻止页面水平“抖动”


我试着设置边距:0 10px,这似乎有效,因为我碰巧知道这个特定设备上的滚动条宽度,但有些设备的滚动条更宽,我不想失去屏幕上宝贵的像素。

在你的身体标签中添加css
overflow-x:hidden

你能给我们一些代码或JSFIDLE演示吗?也许问题出在某个元素上,它有100%的宽度和额外的填充或边距……是的,你赢了!就是这样,从零开始跳过一个页面,这一点就显而易见了。谢谢