WILFREDO SALAS G. - Responsive Web Design - Webuda
WILFREDO SALAS G. - Responsive Web Design - Webuda
WILFREDO SALAS G. - Responsive Web Design - Webuda
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