在手機上禁用水平滾動不起作用

Question

我仍然是編程的新手，但我想知道如何禁用移動設備上的水平滾動。正如您在我的網頁 here上看到的那樣，頂部的圖片大於設備寬度。我嘗試了幾乎所有可以在這個論壇中找到的東西，但沒有任何幫助。

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

試圖以各種組合body{overflow-x:hidden}但沒有奏效：/

Answer 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">