menus con responsive web design

[infotol]

Hola muy buenas soy diseñador de responsie web design y tengo una duda que veo en algunas webs , cuando yo programo un menus se encoje segun resoluciones.....pero en otras webs que veo si encojes mucho la pantalla (tipo mobil) se te aparece automaticamnte un desplegable con el contndio de todos los menus , como se hace eso? con cs3 se puede? o es con javascript?

[pzin]

Bienvenido al foro. No repitas temas, no está permitido. Échale un vistazo a las políticas del foro.

Suele hacerse con JavaScript. Aunque puedes hacerlo en CSS también, más complejo de hacer.

[catucux]

Que tal infotol! :D

Te comento que hoy en dia se utiliza CSS3 para ese tipo de interacción, en tu css especificas el estilo que tendra el menu en ciertas resoluciones.


Por ejemplo:

@media all and (min-width : 10px) and (max-width: 325px) {
#menu{
//Este estilo de menu se mostrara en vista Mobil
}
}

@media all and (min-width : 725px) and (max-width: 1000px) {
#menu{
//Este estilo de menu se mostrara en vista Tablet
}
}

Y asi sucesivamente creas un estilo diferente para cada vista segun sea tu diseño original o la adaptación que quieras darle.

Espero haberte ayudado en algo.
Saludos.