Как преобразовать фиксированный макет с фиксированной высотой / шириной в эластичный?

Question

Я использовал то же программное обеспечение, что и здесь http://us.gn.bartal.org/, чтобы создать карту дерева фиксированной ширины / высоты в HTML + CSS.

Я бы хотел сделать его эластичным, используя функцию JavaScript для преобразования абсолютных положений и размеров всех пикселей в проценты.

Как бы вы предложили продолжить? Есть ли какая-нибудь магия jQuery / Prototype / Dojo, которую я могу использовать?

Answer 1

Ваш базовый процесс будет выглядеть примерно так:

• Определите элементы, которые нуждаются в изменении размера
• Напишите немного JQuery, чтобы найти размеры этих элементов
• Рассчитать проценты (или другие значения)
• внести коррективы
• Подписаться на все соответствующие события изменения размера
• Пересчитать размеры для каждого события изменения размера