¿Cómo convertir un diseño fijo de altura/ancho fijo a elástico?

Question

Usé el mismo software utilizado aquí http://us.gn.bartal.org/ Para crear un ancho fijo/altura Treemap en HTML + CSS.

Me gustaría hacerlo elástico al tener una función de JavaScript para convertir todas las posiciones y tamaños absolutos de píxeles en porcentajes.

¿Cómo sugerirías proceder? ¿Hay alguna magia jQuery/prototipo/dojo que pueda explotar?

Answer 1

Su proceso básico sería algo como esto:

• Identificar los elementos que necesitan cambiar el tamaño
• Escribe algunos jQuery para encontrar los tamaños de esos elementos
• Calcule los porcentajes (u otros valores)
• Hacer los ajustes
• Suscríbase a todos los eventos de cambio de tamaño relevantes
• Recalcular los tamaños en cada evento de cambio de tamaño