Foro de elhacker.net

buenas una pregunta tengo mi pagina web que no es adaptable a moviles si alguien me podria decir como puedo convertirla para que se adaptable a moviles  o que puede hacer

Mira yo te recomiendo trabajar todo en porcentajes y de esta forma se puede adaptar a la resolucion de la pantalla, pero a veces ,segun mi experiencia, aun trabajando con porcentajes la pagina no se acaba de adaptar del todo. Por eso yo uso media queries puedes buscar @media web y te saldran muchas referencias sobre esto. Saludos

ok gracias voy a revisar eso que me dices

espero otra ayuda  ;-)

Hola, cotin

He echado un vistazo a tu página. Dado que es bastante sencilla, creo que con este vídeo te puedes guiar paso a paso:

HtWIrGqbEwI

Si después de intentarlo con el vídeo sigues con dudas, puedes contactarme. Un saludo.  :rolleyes:

Puedes utilizar Bootstrap 3. Hoy en día existen pocos proyectos que no recojan su sistema de columnas y otras ventajas.

http://getbootstrap.com/

Incluyes el css, el javascript y empiezas partiendo de una estructura solida y adaptable a cualquier dispositivo móvil. Luego a partir de ahí puedes diseñar tu propia plantilla.

ok gracias voy a revisar todo lo que me han mandado

Lo mejor es Bootstrap. Incluso en su versión 3 se introdujo lo de "mobile first" (telefonos primero) que significa que todo se maqueta teniendo como prioridad a los moviles y tablets.

http://librosweb.es/libro/bootstrap_3/capitulo_2.html

Tambien tenes Material Design, que es de Google y esta inspirado en Android. Eso si, es bastante mas complejo y difícil de aprender que Boostrap, pero lo vale, porque una vez que dominas MD con un poco de Angular podes crear aplicaciones casi nativas usando solo HTML5 + javascript, y en mi opinión es el futuro en interfaces de usuarios.

Mmm si usas un css con html para adaptar a los exploradores creo que también se te adaptará a los móviles,  saludos

Enviado desde mi D2533 mediante Tapatalk

Si, pero con eso solo no alcanza. Hay que usar media-querys con css para maquetar segun el tamaño de la pantalla. Por eso algunos sitios se ven de una forma en PC y de otra en telefonos. No podes maquetar todo igual. Imaginate que un menú lateral con 33% de ancho en pc se vería bien, pero en un teléfono pequeño seria imposible de ver.

http://www.w3schools.com/cssref/css3_pr_mediaquery.asp

Eso mas "Electron (http://electron.atom.io/)" y te armas cualquier cosa. Vease Discord (https://discordapp.com/)

ok gracias por todos los consejos

te aconsejaria a revisar las media querys haber si te ayuda


https://developer.mozilla.org/es/docs/CSS/Media_queries

pero claro que uses luego boopstrap
saludos...