Dojo dialog автоматическое масштабирование диалогового окна и содержимого

[Aleksey81]

Всем добрый вечер.
Вопрос в следующем.
Диалоговое окно (dojo.Dialog) с результатами обработки статистики появляется после нажатия на кнопку обработки статисткики.
В диалоговом окне много вложенных элементов в div-блоках (таблицы, графики, числовые показатели и т.д.).
При увеличении масштаба окна браузера (крупнее 200%) все элементы диалогового окна смещаются друг относительно друга.

Как сделать так чтобы при изменении масштаба окна браузера, диалоговое окно вместе с его содержимым тоже масштабировалось без нарушения структуры (т.е при укрупнении масштаба окна браузера диалоговое окно с содержимым уменьшалась)? Или может есть более грамотный способ решения этой проблемы?
Заранее спасибо!

[akiraki22lvl]

Проблема в том, что фиксированные размеры и абсолютное позиционирование внутри диалога ломаются при увеличении масштаба. Проще всего:
1. Использовать относительные единицы (%, em, rem) вместо пикселей для всех блоков и шрифтов.
2. Сделать содержимое адаптивным через flexbox или grid, чтобы элементы подстраивались под размер окна.
Опционально: обернуть всё в контейнер и масштабировать через transform: scale() при изменении размера. Это позволит диалогу и его содержимому корректно масштабироваться.

[ksa]

akiraki22lvl, это уже вообще жуткий нектопостинг...
Тема создана 11 лет назад - 09.10.2016, 23:43