У меня есть div (position: relative).
Внутри него пять картинок:
Фон
Кругляш 1
Кругляш 2
Кругляш 3
Перед (желтые трубы и бочки)
Фон задаёт размеры диву. А всех остальных элементов position: absolute.
У переда размера такой же, как у фона. С ним ничего делать не надо, он скалируется нормально вместе с фоном.
А кругляшкам заданы top и left в процентах. И вот позицию они свою примерно сохраняют, как надо. Но они не масштабируются. Как заставить их масштабироваться пропорционально фону?
Я пока вижу вариант увеличить ассеты кругляшков до того же размера, что и фон. Но это лишняя работа дизайнеру, а он ещё спит.
Какие есть варианты масштабировать кругляши?