I need to disable horizontal scroll on mobile devices, especially on iOS, since Android overflow works correctly.

Now I have the following css content:

 html, body{ overflow-x: hidden; }

In the head written:

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

It is necessary to prohibit it for the body, and not for a separate element.

    1 answer 1

    Try this:

     html, body { max-width: 100%; overflow-x: hidden; }