使用包装器按比例调整 div 的大小

Question

Basically I have a bunch of elements inside a div, lets say <div class="wrapper"> . I want to be able to scale this outer div and have the elements inside scale properly along with it.

For example, if this were a collection of SVGs all we would have to do is change the transform of the outer SVG. to get this result:

Scaled SVG from blue bounding box

I want to do this same effect with a div wrapper... Is that even possible? (The reason I want to do this is because I want to be able to use img tags etc, otherwise I would simply use the svgs). If it helps, the end goal is to allow the user to drag and drop elements to create their own interface, but it would help if it works on multiple screens.

Answer 1

Credit to @samuellawrentz

Use transform:scale(x, y) to scale any wrapper element