У меня была эта проблема на многих сайтах, которые мы создаем.По сути, глобальная область действия такова:
- Веб-сайт должен адаптироваться ко всем разным размерам окон
- Пользователи перемещаются по нему с помощью клавиатуры ИЛИ мыши
- Всеразличные разделы страниц уже есть (скрыты) или загружены через Ajax (без изменения URL)
- Некоторые элементы (например, изображения) должны сохранять исходное соотношение сторон
- Некоторые элементы (например, абзацы)) имеют фиксированную ширину, но не имеют известной высоты (авто)
- При загрузке веб-сайта виден только первый раздел.
Прямо сейчас я попробовал следующее:
- Сохранение всей исходной ширины и высоты элемента при инициализации: происходит сбой, поскольку изображения не загружаются ...
- Сохранение всей исходной ширины и высоты элемента при загрузке: добавляется задержка, которая составляетне требуется
- Смешайте два первых решения: инициализация для текста и загрузка изображений: это работает так, как нужно, но только если элемент видим и все его родители тоже.
- на рesize, show all, resize, скрывает те, которые должны быть скрыты ... Отстает от всех браузеров.
- При остановке изменения размера (50 мс после последнего события изменения размера): Это предотвращает анимированный поток для всех отдельных размеров.events.
Итак, это подводит нас к названию вопроса ...
У кого-нибудь есть что-то подобное в такой ситуации?