这听起来应该在互联网上到处都有解决方案,但我不确定为什么我找不到它.我想在移动设备上禁用水平滚动.基本上就是要做到这一点:

body{
   overflow-x:hidden  // disable horizontal scrolling.
}

这可能是相关信息:我的head标签中也有这个,因为我也不希望用户能够zoom :

<meta content='width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;' name='viewport' />
<meta name="viewport" content="width=device-width" />

谢谢

推荐答案

html, body {
  overflow-x: hidden;
}
body {
  position: relative;
}

相对位置很重要,我只是偶然发现了这一点.没有它就不能工作.

Css相关问答推荐

如何在CSS calc()中使用反向百分比/无单位计算?

为什么我的Angular material css文件不工作?

悬停时可展开的按钮与屏幕右侧对齐,如何保持未悬停的按钮正确对齐?

如何防止css边框缩小div?

设置ScaleImageButton的样式

为什么继承时1rem值不同?

如何使TWebPanel具有圆角?

CSS Select 标签旁边的文本并输入

Vue3 组合 api 中的对象值样式

在变量中存储匹配 Select 器的子元素的计数

Flex & space-around 与内容相交

如何将 Google 字体链接到我的 Nuxt 文件?

在嵌套的弹性框中创建弹性项目之间的空间

当我进入登录页面时,它处于桌面模式(响应式设计消失)

禁用输入的 CSS Select 器 type="submit"

CSS3 变换:旋转;在 IE9 中

bootstrap 模式对话框中的谷歌 map 自动完成结果

如何使多个 div 显示在一行中但仍保留宽度?

如何始终在浏览器中显示垂直滚动条?

CSS:悬停一个元素,多个元素的效果?