14.04.2013 Views

WILFREDO SALAS G. - Responsive Web Design - Webuda

WILFREDO SALAS G. - Responsive Web Design - Webuda

WILFREDO SALAS G. - Responsive Web Design - Webuda

SHOW MORE
SHOW LESS

Create successful ePaper yourself

Turn your PDF publications into a flip-book with our unique Google optimized e-Paper software.

Paso 4<br />

Aplicar la fórmula: La fórmula que se mostró antes, que era Objetivo ÷ Contenido =<br />

Resultado, ahora se aplica a los tamaños de las etiquetas. Para este caso, cuando se quiera<br />

modificar el tamaño del contenedor de los cuadros de información (320px), tomamos el<br />

tamaño del Objetivo, que ahora es de 980px y lo dividimos por el contenido en cuestión:<br />

320 ÷ 980 = 0,32653061 * 100 = 32,653061<br />

Después se le agregó un último paso que es multiplicar por cien. A pesar que la<br />

calculadora lo toma como un número, nosotros tenemos que tener en cuenta que<br />

estamos multiplicando por 100%, para así tener un porcentaje real y que se pueda<br />

aplicar a la hoja de estilo CSS. Abajo va el ejemplo:<br />

17 RESPONSIVE WEB DESIGN — Capítulo 2: La grilla felxible

Hooray! Your file is uploaded and ready to be published.

Saved successfully!

Ooh no, something went wrong!