Más contenido relacionado Similar a Curso HTML 5 - Módulo 3 (20) Más de José Rodríguez (7) Curso HTML 5 - Módulo 33. ¿Layout fijos para el futuro?
No
Un layout fijo hace que los diseños se vean
diferentes en diferentes navegadores.
5. Layouts proporcionales
#wrapper {
margin-right: auto;
margin-left: auto;
width: 960px;
}
#header {
margin-right: 1.0416667%; /* 10 ÷ 960 */
margin-left: 1.0416667%; /* 10 ÷ 960 */
width: 97.9166667%; /* 940 ÷ 960 */
}
6. Uso de ems en lugar de pixeles para
tipografía
font-size: 100%
font-size: 16px;
font-size: 1em;
Importante recordar fórmula:
target / context = result
8. Imágenes Fluidas (otra solución)
http://filamentgroup.com/lab/responsive_images_
experimenting_with_context_aware_image_sizing
/
http://filamentgroup.com/examples/responsive-
images/
http://adaptive-images.com/
9. CSS Grid systems
Frameworks para dividir el sitio.
CSS Frameworks
Semantic (http://semantic.gs)
Skeleton (http://getskeleton.com)
Less Framework (http://lessframework.com)
1140 CSS Grid (http://cssgrid.net)
Columnal (http://www.columnal.com)