Tengo un problema, es decir que por ejemplo en mi pantalla un elemento que pongo en el centro se ve bien, sin ningun problema pero claro en otra pantalla mas pequeña se ve descentrado, mas abajo.. etc, La cosa es que he visto que se puede regular con media queries pero no encuentro una pagina que me lo explique con mas claridad, la mayoría son super concretos. Gracias por adelantado
Lo quieres hacer responsivo entiendo... Eso te pasa por colocarlo con las medidas en pixeles y no en porcentaje.
Cita de: MrDev en 7 Mayo 2016, 23:23 PM
Lo quieres hacer responsivo entiendo... Eso te pasa por colocarlo con las medidas en pixeles y no en porcentaje.
Lo siento pero no es por eso, utilizo % y el resultado es el mismo
utiliza media queries y max-width: por ejemplo
tu contenedor principal si no quieres q este super enorme en pantallas muy grandes
puedes darle los siguiente
#micontenedor{width:100%; max-width:1000px;margin:0 auto;}
de este modo siempre sera 100% a menos q sobrepase los 1000px
ahora los elementos q tienes dentro de tu contenedor principal puedes modificarlos con media queries como los isguiente:
/* Estilo por default */
#micontenedor{width:100%; max-width:1000px;margin:0 auto;}
.elementos{width:50%;float:left;min-height:20px;overflow:hidden;}
/*estilo cambia cuando el tamaño es menor a 550px*/
@media only screen and (max-width : 550px) {
.elementos{width:90%;float:none;margin:0 auto;}
}
<div id="micontenedor">
<div class="elementos">1</div>
<div class="elementos">2</div>
</div>