martes, 30 de diciembre de 2014

Margenes equivalentes en cualquier resolucion de pantalla | Adaptive Design



¿Como mantener los margenes equivalentes o relativos, sin importar el tamaño de la pantalla?


Bien. Al div padre siempre hay que colocarle un display flexible:
display:flex;
Y el contenido dentro del padre siempre tendra los espacios relativos sin importar el tamaño, para ello daremos la propiedad que justifique el contenido con espacio en medio "siempre equivalentes":
justify-content:space-between;

Para ver un ejemplo, puedes ver el codigo aqui:
Codigo Demo | codepen.io

*Juega con el tamaño (ancho) del div padre, para que interpretes el resultado.

fuente: W3School - display:flex

No hay comentarios:

Publicar un comentario