Dreamweaver - adaptar pagina web a cualquier resolución de pantalla

   
Vista:
Imágen de perfil de javi

adaptar pagina web a cualquier resolución de pantalla

Publicado por javi ja_ej_go@hotmail.com (9 intervenciones) el 24/02/2016 08:27:55
Hola a todos, estado buscando en el foro y por Internet y la verdad que no he encontrado una respuesta valida.
La cuestión es que intento averiguar como hacer que una pagina web detecte automáticamente la resolución de pantalla y se adapte a ella.Me pregunto si alguien del foro conoce el código javascript y como colocarlo para resolver este tema ya que hacer varias paginas con distintas resoluciones o meter todo en una tabla y utilizar porcentajes no me parece la solución mas efectiva.
Muchas gracias a todos y ojala que entre todos podamos zanjar este problema de una vez.
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 xve

adaptar pagina web a cualquier resolución de pantalla

Publicado por xve (334 intervenciones) el 24/02/2016 11:09:19
Hola Javi, esto se denomina "responsive" y se realiza con estilos...

Revisa este código de ejemplo:
http://www.lawebdelprogramador.com/codigo/CSS/2694-Ejemplo-de-una-web-responsive.html
Valora esta respuesta
Me gusta: Está respuesta es útil y esta claraNo me gusta: Está respuesta no esta clara o no es útil
1
Comentar
Imágen de perfil de javi

adaptar pagina web a cualquier resolución de pantalla

Publicado por javi (9 intervenciones) el 24/02/2016 18:52:33
Muchas gracias por tu respuesta estado viendo el ejemplo y el código que utiliza y esta bien y funciona pero sale el ejemplo al implementarlo en una pagina web, lo que yo estoy pretendiendo es dar con el código JavaScript que hace que detecte la resolución este código se que existe pero no doy con el y simplemente es implantarlo en el código de tu pagina y esta se adapta a la pantalla. Por supuesto si descubrimos este código seria para hacerlo publico y gratuito ya que e visto que mucha gente tiene este mismo problema.
Un saludo.
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
Imágen de perfil de xve

adaptar pagina web a cualquier resolución de pantalla

Publicado por xve (334 intervenciones) el 24/02/2016 20:07:17
La verdad es que yo siempre lo he utilizado con estilos. Si deseas saber el tamaño del navegador con javascript:

1
2
3
4
var w = window.innerWidth;
var h = window.innerHeight;
var ow = window.outerWidth;
var oh = window.outerHeight;
Valora esta respuesta
Me gusta: Está respuesta es útil y esta claraNo me gusta: Está respuesta no esta clara o no es útil
1
Comentar
Imágen de perfil de javi

adaptar pagina web a cualquier resolución de pantalla

Publicado por javi (9 intervenciones) el 25/02/2016 19:58:25
Muchas gracias por tu respuesta haber si entre todos vamos juntado el código.
Un saludo,
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