Ver Mensaje Individual
  #2 (permalink)  
Antiguo 20/05/2013, 04:30
Avatar de ipraetoriux
ipraetoriux
 
Fecha de Ingreso: abril-2010
Ubicación: ipraetoriux.com
Mensajes: 1.125
Antigüedad: 14 años
Puntos: 155
Respuesta: Responsive design para javascript

...en realidad lo que puedes hacer, es establecer los CSS de object desde el Javascript según la resolución de pantalla...

...aca tienes como establer las dimesiones...


Código Javascript:
Ver original
  1. window.onresize = function() {
  2.     var x = viewport();
  3.  
  4.   if(x.width < 400){
  5.     // aca codigo
  6.   }
  7.  
  8.   if(x.width > 400 && x.width < 800){
  9.     // aca codigo
  10.   }
  11. };
  12.  
  13. function viewport(){
  14.     var e = window;
  15.     var a = 'inner';
  16.     if (!('innerWidth' in window)){
  17.         a = 'client';
  18.         e = document.documentElement || document.body;
  19.     }
  20.     return { width : e[ a+'Width' ] , height : e[ a+'Height' ] };
  21. }