Cómo evitar que el cuerpo de la web se desplace a la izquierda en Mobile Safari

Muchos diseñadores optimizan sus webs para Mobile Safari, ya que muchos usuarios navegan desde móviles. Cuando una web no diseñada para móvil se accede en uno, el cuerpo de la página se desplaza automáticamente a la izquierda. Para evitarlo, debes aplicar posición fija a tu página web.

Instrucciones

1. Abre la página web para la que quieres evitar el desplazamiento.
2. Añade el siguiente elemento entre las etiquetas <head> y </head> del código de la página:

   .SCROLLER_FRAME {
     width: 100%;
     position: absolute;
     top: 50px;
     bottom: 50px;
   }

3. Añade el siguiente elemento entre las etiquetas <body> y </body>:

   <div class="SCROLLER_FRAME">
     <div class="SCROLLER">
       ... contenido desplazable ...
     </div>
   </div>

   Cambia la sección "... contenido desplazable ..." por el contenido que quieras que sea desplazable en la web.
4. Guarda el documento.