html - 在移动设备上禁用水平滚动不起作用

标签 html css

我在编程方面还是个菜鸟,但我想知道如何在移动设备上禁用水平滚动。正如你在我的网页上看到的 here 顶部的图片大于设备宽度。我尝试了几乎所有我能在这个论坛上找到的东西,但没有任何帮助。

我把 <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1, minimum-scale=1">进入头部,

试过 body{overflow-x:hidden}在各种组合中,但没有任何效果:/

最佳答案

您的网站可以在移动版 Firefox 和 Chrome 上运行,但不能在 Android 标准浏览器上运行。也许这个浏览器需要 user-scalable=no

只需将其添加到您的元标记即可。

<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1, minimum-scale=1, user-scalable=no">

这也适用于我:

<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">

关于html - 在移动设备上禁用水平滚动不起作用,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/41337211/

相关文章:

html - Flexbox 媒体查询溢出 div

javascript - 突出显示文本区域中的文本时,HTML 在 Oracle Apex 中显示为文本

html - float 填充导致 float 扩大

php - Codeigniter 表单验证 - 单独显示错误问题

css - Bootstrap : Aligning two buttons on the same row

html - 将 ul 列表与跨度对齐?

html - 将图片设置为页面背景

javascript - 为什么我的随机图像生成器不显示?

javascript - ASP>NET MVC 5 中的幻灯片

Css:鼠标悬停时导航移动