CSS - menu max width 90%

 
Vista:
sin imagen de perfil

menu max width 90%

Publicado por sinother (1 intervención) el 01/07/2019 22:25:08
Hola tengo este menu y mi pregunta es si con css se puede hacer que no me colapsen los elementos en varias filas cuando se ve en un dispositivo movil que se me reduzca el tamaño y se me muestre en una sola fila, muchas gracias

https://jsfiddle.net/sinother/yv1prLsa/3/
Valora esta pregunta
Me gusta: Está pregunta es útil y esta claraNo me gusta: Está pregunta no esta clara o no es útil
0
Responder
Imágen de perfil de santi
Val: 70
Bronce
Ha disminuido 1 puesto en CSS (en relación al último mes)
Gráfica de CSS

menu max width 90%

Publicado por santi (27 intervenciones) el 05/07/2019 00:46:23
Hola,

puedes añadir un font-size más bajo, bajar con un zoom el <ul> del menú o añadir un display: block; al <li> que es lo mejor que puedes hacer aunque se ponga uno debajo del otro...

Si los muestras como en un pc, el usuario tendrá que ampliar la pantalla para ver qué pone en el menú y creo que no es una buena opción..

Haz la prueba y nos comentas,

saludos ;)
Valora esta respuesta
Me gusta: Está respuesta es útil y esta claraNo me gusta: Está respuesta no esta clara o no es útil
0
Comentar
sin imagen de perfil
Val: 18
Ha aumentado su posición en 3 puestos en CSS (en relación al último mes)
Gráfica de CSS

menu max width 90%

Publicado por SoyLaTrufa (6 intervenciones) el 12/09/2019 22:14:20
Amigo
Tenes que leer esto https://www.w3schools.com/Css/css3_mediaqueries_ex.asp
y aprender a hacer los @media query para que sea totalmente responsive
Dentro del mediquery haces lo que te comentaron, disminuir el font-size, margenes, etc

Salute
Valora esta respuesta
Me gusta: Está respuesta es útil y esta claraNo me gusta: Está respuesta no esta clara o no es útil
0
Comentar