Te puedo dar 2 opciones.
1. Use el marco de Twitter Bootstrap.
Puede aprovechar fácilmente las barras de navegación básicas que ofrecen. Simplemente siga sus instrucciones sobre cómo usar bootstrap e importarlo en su sitio web. Es realmente fácil hacerlo. Puede parecer un poco difícil al principio, pero con un poco de paciencia estoy seguro de que lo lograrás.
Aquí hay algunos lugares para comenzar:
- ¿Cuáles son las perspectivas futuras de hacer un BDS sobre MBBS en India?
- No soy bueno para resolver preguntas algorítmicas. ¿Eso me convierte en un mal desarrollador de software?
- ¿Cómo puede una empresa saber si seré un buen programador o no?
- ¿Qué campos de la ingeniería electrónica y de comunicación deberían ser fuertes durante B.Tech para conseguir un trabajo en el campo central?
- ¿Cómo es ser ingeniero aeronáutico?
- Comience bootstrap: http://getbootstrap.com/getting-…
- Barra de navegación de Bootstrap: http://getbootstrap.com/componen…
- Cómo instalar Bootstrap 3 – video corto:
- Una introducción a bootstrap – video largo:
2. Use consultas de medios.
Si no desea utilizar bootstrap y su barra de navegación de plantilla, puede realizar su propia navegación receptiva. Será más doloroso, pero ¡hey !, puedes aprender mucho más haciéndolo tú mismo.
No describiré todo el proceso aquí, sino que le presentaré los conceptos simples que implica este método.
- Debe usar porcentajes (%) en lugar de píxeles (px) al configurar las dimensiones de los contenedores (div ancho / alto) para que se ajusten en consecuencia a las dimensiones de los navegadores o dispositivos.
- Establece manualmente cómo cambiarán estas dimensiones de la barra de navegación cuando la ventana del navegador o las dimensiones del dispositivo también cambien. Si desea tener un efecto más suave, tendrá que usar muchas consultas de medios, pero si le importa más la funcionalidad en lugar de la estética, tendrá menos que escribir.
De una búsqueda rápida en Google encontré estos tutoriales que deberían ayudarte. No sé si son perfectos, pero deberían hacer el trabajo:
- Cómo crear una navegación receptiva
Buena suerte !