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

时间:2016-12-26 23:19:34

标签: html css

我仍然是编程方面的新手,但我想知道如何在移动设备上禁用水平滚动。正如您在我的网页 here 上看到的那样,顶部的图片大于设备宽度。我尝试了几乎所有我能在这个论坛中找到的东西,但没有什么真正帮助。

我把<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1, minimum-scale=1">放到头上,

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

1 个答案:

答案 0 :(得分:1)

您的网站适用于移动版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">