Создание адаптивного SVG внутри вложенного div ⇐ CSS

[Anonymous]

У меня есть эта демонстрация:
https://codepen.io/larryfine/pen/wbelopq

Код: Выделить всё

#parent{
position: relative;
}

#child {
position: absolute;
width: 320px;
height: 130px;
}

И я пытаюсь сделать так, чтобы окно браузера уменьшало масштаб изображений SVG соответственно. А еще мне нужны элементы div, которые обертывают SVG. Мне нужны элементы div, потому что я предпочитаю использовать jQuery для перетаскивания прямоугольника и изменения его размера. Думайте о большом круге как о карте помещения.
Вместо этого у меня появляются горизонтальные полосы прокрутки для веб-браузера.
Кто-нибудь есть решение этой проблемы?
Спасибо,
Джим

Подробнее здесь: https://stackoverflow.com/questions/793 ... responsive