Resolución de Pantalla

[mamcx]

Primero que todo, no hay una solucion que aplique a todos los casos.

Para lograr un diseño "liquido" debes:

- Usar fuentes con medidas "em"
- Utilizar medidas de los contenedores usando preferiblemente "em". Los porcentajes donde sea el caso, pero son casos mas raritos
- Ajustar las caracteristicas tipograficas de las fuentes para que cuando se anche el viewport sea legible.
- Usar tecnicas de background inteligentes, que usen colores planos para ser degradables y imagenes que se puedan poner "tiled"
- Usar min/max width/heigth para controlar los tamaños. En tal caso puede ser necesario usar px.

Todo ira muy bien hasta que uses imagenes. Hasta alli llego la fiesta. Una vez en esto:

- Usas flash porque es escalable
- Usas svg pero es mas complejo, y la verdad nunca he visto nada en eso
- Usas trucos de imagenes con backgrouds extensibles pero de uso limitado

Eventualmente, un sitio 100% liquido es imposible sin usar flash y/o javascript. Por ejemplo el problema de que el texto es muy ilegible si no se parte en columnas en monitores widescreen.

Por lo demas, visita www.sitepoint.com. Excelente sitio, y los libors en pdf muy bueno.