Foro de elhacker.net

Programación => Desarrollo Web => Mensaje iniciado por: ZeroRcp en 28 Agosto 2015, 15:29 pm



Título: como hacerlo adaptable?
Publicado por: ZeroRcp en 28 Agosto 2015, 15:29 pm
 :huh:

tengo una duda, estoy haciendo una pagina web, pero necesito que si yo le hago zoom in o zoom out, esta no se arruine, sino que se mantenga deacuerdo a el zoom.

quizas no me di a entender.

actualmente la tengo, (todavia no la subo) pero si yo le llego a aumentar el zoom, dos figuras cuadradas se desajustan a varios lados, dos imagenes que tengo se vuelven pequeñas y se desconfiguran de lado.
lo que yo necesito es que estas se queden fijas deacuerdo al zoom, algo que literalmente llaman responsive o adaptable...

lo necesito para internet explorer 8 (gracioso no) porfavor necesito ayuda, cual es el codigo y si se puede hacer? :-\


Título: Re: como hacerlo adaptable?
Publicado por: тαптяα en 28 Agosto 2015, 15:42 pm
Te dejo aquí un link que tengo que es lo que estas pidiendo.

Código
  1. body {
  2.  width: auto;
  3. }
  4.  .ie body {width: 540px;}
  5.  
  6. #content figure {
  7.  width: 240px;
  8.  max-width: 100%;
  9. }
  10.  .ie #content figure {width: 480px;}

http://jonikorpi.com/leaving-old-IE-behind/


Título: Re: como hacerlo adaptable?
Publicado por: str_null en 8 Septiembre 2015, 02:45 am
El diseño responsive es una metodología de diseño. Creo que no me equivoco si te adelanto que no hay una solución mágica ni los elementos se adaptan por gracia divina, pero lo que tu preguntas y en lo que se basa la teoría es esto:

Código
  1. <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">

añadido en la cabecera de tu página.

Mod: Uso obligatorio de etiquetas GeSHi.


Título: Re: como hacerlo adaptable?
Publicado por: laury21 en 11 Septiembre 2015, 09:14 am
Hola, capaz que bootstrap te soluciona algunos problemas o te facilita entender el tema de diseño responsive, espero que te ayude