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!!!!!!!