Overflow: hidden no funciona para el movil

[manute71]

Buenos días!

Muchas gracias como siempre por vuestra ayuda!. Tengo un código como el siguiente:

Código HTML:

<div>
          <ul>
                 <li></li>
                 <li></li>
                 <li></li>
                 <li></li>
          </ul>
</div>
 

Tengo todos los elementos <li> con float: left para que queden en la misma línea. Pero tengo activo overflow: hidden sobre el div, para que en caso que la resolución de la pantalla se reduzca, puedan alinearse verticalmente. La idea es que se adapten a la versión móvil de mi web.

Si reduzco manualmente en el explorador el tamaño de la pantalla en mi ordenador, funciona según lo esperado. Pero en la versión movil , no se adapta al tamaño de la pantalla.

¿Alguna idea?

Muchas gracias!!!!!!!

[pzin]

No entiendo muy bien porqué overflow va a hacer que algo se alineé verticalmente. Que digo que no entiendo, pero por no decir que eso no es así. Si irán hacia abajo en la medida que no quepan horizontalmente, pero ese es el comportamiento normal de los elementos flotados.

¿Tienes puesta la meta-etiqueta para viewport?