Ver Mensaje Individual
  #1 (permalink)  
Antiguo 08/04/2015, 12:04
Avatar de wmdiseno
wmdiseno
 
Fecha de Ingreso: noviembre-2013
Ubicación: México
Mensajes: 21
Antigüedad: 11 años
Puntos: 1
Pregunta Adaptar pantalla a toda la resolución @Media Queries ó @Javascript

Buenas amigo(a) muy buenas tardes a todo lo que andan leyendo mi humilde pregunta

traigo una duda, ando estresado con el cliente, que ya quiere su pagina y me entro un contratiempo que me imagino que es fatal.

me falta adaptar mi maqueta a diferente resoluciones de pantalla donde se pueda apreciar la pagina web.

de lo que eh leido. que el método Media Queries es el método mas moderno, pero lo cual no le llego a entender, si alguien me podría dar una pequeña explicación paso a paso, si hay forma de que me puedan poner un código solucionado del mismo para llegar a entenderle ala perfección, de lo que llegue a solucionar fue por mediante Javascript

Código Javascript:
Ver original
  1. <script type="text/javascript">
  2. function comprobarScreen()
  3. { if(window.screen.availWidth <= 640)
  4. {window.parent.document.body.style.zoom="62%";}
  5. if(window.screen.availWidth == 800)
  6. {window.parent.document.body.style.zoom="78%";}
  7. if(window.screen.availWidth == 1024)
  8. {window.parent.document.body.style.zoom="100%";}
  9. if(window.screen.availWidth >= 1280)
  10. {window.parent.document.body.style.zoom="125%";}
  11.  
  12. }
  13. </script>

se me expandio la pantalla de resolución y se ve lleno donde antes me parecía en blanco sin embargo. se me llega a distorsionar la maqueta



Alguien que tenga tiempo de poderme decirme como le podría hacer, les agradecería
la verdad, ya no se donde buscar, ando desesperado.