Deaktivieren horizontales Scrollen auf dem Handy funktioniert nicht

Question

Ich bin immer noch ein Anfänger in der Programmierung, aber ich möchte wissen, wie ich das horizontale Scrollen auf mobilen Geräten deaktivieren kann. Wie Sie auf meiner Webseite here sehen können, ist das Bild oben größer als die Gerätebreite. Ich habe fast alles versucht, was ich in diesem Forum finden konnte, aber nichts half wirklich.

Ich habe <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1, minimum-scale=1"> in den Kopf,

versucht body{overflow-x:hidden} in verschiedenen Kombinationen, aber nichts funktionierte:/

Answer 1

Ihre Website funktioniert auf mobilen Firefox und Chrome, aber nicht auf dem Android Standard-Browser. Vielleicht benötigt dieser Browser user-scalable=no.

Fügen Sie es einfach zu Ihrem Meta-Tag hinzu.

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

Dies funktioniert auch für mich:

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