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

[Anonymous]

У меня есть эта демонстрация: < /p>

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

#parent {
position: relative;
}

#child {
position: absolute;
width: 320px;
height: 130px;
}< /code>

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

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