我有一个适应性的网页应用程序。为了避免水平滚动条,我编写了以下CSS代码:
html {
overflow-x: hidden; }
这在桌面上很好用,但在移动设备上不行。如果我在移动设备上显示应用程序,应用程序会适应得很好。问题是当我从右向左滚动时。页面会移动一点。我希望页面不要水平移动。
编辑:
并非所有移动设备都可以滚动。我已经在两个具有相同Android版本的设备上尝试过它,只有一个设备可以滚动。
我的问题是在手机上缩放时,UI无法完全恢复到最初的状态。 我找到了这个https://developer.mozilla.org/en-US/docs/Web/HTML/Viewport_meta_tag#viewport_width_and_screen_width
<meta name="viewport" content="width=device-width, initial-scale=0.86, minimum-scale=0.86">