miércoles, 18 de septiembre de 2013

Escalar un div proporcionalmente, Column Count

Escalar un div proporcionalmente

Ya que el padding-top o padding-bottom se calculan sobre el ancho del div del contenedor padre, se puede usar algo como:

.proportional {
  width: 80%;
  padding-bottom: 50%;
}

El width indica 80% del ancho del contenedor padre, y el padding-bottom 50% del ancho del contenedor  padre también.

Ejemplo: http://jsfiddle.net/rulokc/sW3mk/

Referencias

Permite dividir un texto en columnas.

Referencias